表格基本样式
表格边框样式
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(透明色)是一种比较常见的方式。举例:
<