使用html和css写一个收集信息的表单

好的，以下是一个简单的收集信息的表单的 HTML 和 CSS 代码示例：

HTML 代码：

<form>
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name" required>

  <label for="email">电子邮件：</label>
  <input type="email" id="email" name="email" required>

  <label for="age">年龄：</label>
  <input type="number" id="age" name="age" required>

  <label for="gender">性别：</label>
  <select id="gender" name="gender" required>
    <option value="">请选择</option>
    <option value="male">男</option>
    <option value="female">女</option>
    <option value="other">其他</option>
  </select>

  <label for="comment">留言：</label>
  <textarea id="comment" name="comment"></textarea>

  <input type="submit" value="提交">
</form>

CSS 代码：

form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

label {
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type=text],
input[type=email],
input[type=number],
select,
textarea {
  padding: 5px;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #3e8e41;
}

这个表单包含了姓名、电子邮件、年龄、性别和留言等字段，其中姓名、电子邮件、年龄和性别是必填项，留言是可选项。CSS 样式用于美化表单，包括表单元素的样式和提交按钮的样式。