CSS簡單留言代碼怎么寫

在CSS中，我們可以使用一個簡單的表單來編寫留言代碼，以下是一個基本的留言代碼示例：

HTML代碼：

<form id="contact-form">
  <div class="form-group">
    <label for="name">姓名</label>
    <input type="text" id="name" name="name" class="form-control" placeholder="請輸入您的姓名">
  </div>
  <div class="form-group">
    <label for="email">郵箱</label>
    <input type="email" id="email" name="email" class="form-control" placeholder="請輸入您的郵箱地址">
  </div>
  <div class="form-group">
    <label for="message">留言內容</label>
    <textarea id="message" name="message" class="form-control" placeholder="請輸入您的留言內容"></textarea>
  </div>
  <div class="form-group">
    <button type="submit" id="submit" name="submit" class="btn btn-primary">提交留言</button>
  </div>
</form>

CSS代碼：

#contact-form {
  width: 300px;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.form-group {
  margin-bottom: 15px;
}
label {
  display: block;
  margin-bottom: 5px;
}
input[type="text"], input[type="email"], textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
input[type="submit"] {
  width: 100%;
  padding: 10px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

在這個示例中，我們使用了HTML的表單元素來創(chuàng)建留言表單，并使用CSS來樣式化表單元素，我們定義了一個#contact-form的樣式，包括寬度、居中、內邊距、邊框和邊框半徑，我們?yōu)?code>label、input和textarea元素定義樣式，包括顯示方式、內邊距、邊框和邊框半徑，我們?yōu)樘峤话粹o定義樣式，包括寬度、內邊距、背景顏色、文本顏色和邊框半徑。