网页中css如何实现点划线

html-css09

网页中css如何实现点划线,第1张

1、可以用CSS中的边框实现，border是设置边框的属性，有一个属性dotted就是点划线。具体的设置方法，首先新建一个html文件，在文件内写入一个div标签，给它一个class属性demo：

2、设置demo的class样式，这里给demo一个宽度，表示点划线的长度，高度设为0，然后设置border-bottom的属性的边框样式为dashed点划线，宽度为5px，颜色为黑色，这样就设置好了：

3、打来浏览器，可以看到屏幕中的一条黑色点划线、以上就是用css实现点划线的流程：

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}