如果只设置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}