优化之后的代码:
table{border:1px solid #000;margin:2px 0;text-align:center;border-collapse:collapse;}
td,th{border:1px solid #000;margin:2px 0;text-align:left;}
th{font:600 12px;background:#F4F4F4;}
还有几个常用的:
empty-cells : hide | show 设置或检索当表格的单元格无内容时,是否显示该单元格的边框。
table-layout : auto | fixed
语法:
border-spacing : length || length
参数:
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:设置或检索当表格边框独立(例如当border-collapse属性等于separate时),行和单元格的边框在横向和纵向上的间距。
当只指定一个length值时,这个值将作用于横向和纵向上的间距。当指定了全部两个length值时,第一个作用于横向间距,第二个作用于纵向间距。
目前IE5.5尚不支持此属性。
对应的脚本特性为borderSpacing。请参阅我编写的其他书目。
示例: table { border-collapse: separate; border-spacing: 10px; }
separate : 默认值。边框独立(标准HTML)
collapse : 相邻边被合并
表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开
评论