CSS3美化表格和表单样式

表格基本样式

表格边框样式

border-collapse属性主要用来设置表格的边框是否合并为一个单一的边框，还是像在标准的HTML中那样分开显示。语法格式如下：

border-collapse：separate|collapse

其中separate是默认值，表示边框会被打开，不会忽略border-spacing和empty-cells属性；而collapse属性表示边框会合并为一个单一的边框，会忽略border-spacing和empty-cells属性。

表格边框宽度

border-width可以对边框宽度进行设置。

表格边框颜色

表格颜色设置非常简单，通常使用CSS3属性color设置表格中文本颜色，使用background-color设置表格背景颜色。

CSS3与表单

美化表单中的元素

定义表单元素背景色可以使用background-color属性定义，这样可以使表单元素不那么单调，举例：

input{
background-color:#ADD8E6;
}

美化提交按钮

对表单元素边框定义，可以采用border-style、border-width和border-color及其衍生属性，如果要对表单元素背景色进行设置，就可以使用background-color，其中将值设置为transparent（透明色）是一种比较常见的方式。举例：

<