细线表格用到的核心 CSS 规则是什么?

html-css020

细线表格用到的核心 CSS 规则是什么?,第1张

可以为表格标签定义宽,高和边框样式,并为单元格单独设置相应的边框。

如果只设置table样式,则只显示外边框的样式,内部不显示边框。

要想设置相邻单元格边框之间的距离,只能对table标签应用属性。

使用 CSS border 属性 控制边框线。

定义和用法

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性:

border-width

border-style

border-color

如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000也是允许的。

border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。可能值有:

注意:

如果是设置表格单元格的表框线,还需要给table标签添加border-collapse 属性。

border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。

1.单条虚线代码:

<hr style="BORDER-BOTTOM-STYLE: dottedBORDER-LEFT-STYLE: dottedBORDER-RIGHT-STYLE: dottedBORDER-TOP-STYLE: dotted" color=#000000 size=1>

定义一些参数可以获取可爱的细虚线。我们也可以修改其中的color,size的参数可以得到不同的效果……

2.CSS定义表格边框大全(细线/虚线/点线) 定义表格边框全部为1 边框颜色 #C7C7C7代码为: .tb1{ border:1px solid #C7C7C7} 定义表格边框 左1 下1 左1 右1 (实际同上) 边框颜色 #C7C7C7代码为: .td2{ border-top:1px solid #C7C7C7border-bottom:1px solid #C7C7C7border-left:1px solid #C7C7C7border-right:1px solid #C7C7C7} 定义表格边框为1,上边框为0 边框颜色 #C7C7C7 下边框颜色为 #888888代码为: .td2{ border:1px solid #C7C7C7border-top:0pxborder-bottom:1px solid #888888} 定义表格边框虚线代码为: .tb1{ border:1px dashed #C7C7C7} 定义表格边框点线代码为: .tb1{ border:1px dotted #C7C7C7}