平时就这样定义table{boder:#ccc solid 1px;}和td{border:#ccc solid 1px;}产生的表格线为双线,那么使用下面的CSS即可定义为单线.
table{border-collapse:collapse;border:#f0f0f0 solid 1px;}
td{border:#f0f0f0 solid 1px;height:30px;line-height:30px;}
border-collapse版本:CSS2 兼容性:IE5+ 继承性:无
语法:
border-collapse : separate | collapse
取值:
separate : 默认值。边框独立(标准HTML)
collapse : 相邻边被合并
说明:
设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 borderCollapse 。
示例:
table { border-collapse: separate; }
应用于:
IE5.0+ currentStyle runtimeStyle style TABLE
|