5、表单样式，设置不同的表单元素的样式

在网页设计中，表单样式是为了提升用户体验和一致性，允许开发者定制各种输入字段如文本框、按钮、复选框等的外观。你可以通过CSS (层叠样式表) 来控制表单元素的样式，比如：

1. **颜色**: 使用`color`属性改变文字颜色，`background-color`设置背景色。
2. **字体**: `font-family`, `font-size`和`line-height`影响文本呈现。
3. **边框**: `border`属性可以设置边框的样式、宽度和颜色，`border-radius`用于添加圆角。
4. **尺寸**: 通过`width`和`height`控制元素大小，`padding`和`margin`分别调整内容区域和外边距。
5. **布局**: 利用`display`, `float`, 和 `position` 控制元素的定位和堆叠。

例如，下面是一个简单的例子：

input[type="text"] {
  border: 1px solid #ccc;
  padding: 8px;
  font-size: 16px;
  width: 200px;
  box-sizing: border-box; /* 包含边框在内 */
}

button[type="submit"] {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}