用CSS定义一条水平虚线教程

用CSS定义一条水平虚线教程

这个很好理解同样可以使用对div对象设置边框虚线即可实现同时也可以对hr水平线标签设置虚线属性即可实现水平虚线分割线。

这里带过即可如下：
对div设置水平虚线线：
.divcss5{ height:1px; width:100%; border-bottom:1px dashed #000;}
对应HTML代码：
<div class="divcss5"></div>

对hr水平分割线设置属性：
第一种，hr标签内设置虚线属性：
<hr size=1 style="color: blue;border-style:dashed ;width:100%">

第二种在css代码或CSS文件中定义hr的css属性
hr {border-top:1px dashed #00F ; }
对应html内hr标题代码：
<hr size=1>
这里是对hr设置边框为顶部或底部上下边任意一条边为1像素的蓝色虚线边框，同时设置hr的size为1，和第一种值大致相同，唯一区别在于当在html中出现了hr标签，hr标签属性就为css设置，如果网页多次出现可以减少代码量。

上一条： 用css制作列表型CSS虚线下划线教程
下一条： css命名规则大全