Div+CSS教程:制作网页中定义一条水平虚线方法

文章类别：div+css | 发表日期:2012-5-18 10:44:29

Div+CSS教程:制作网页中定义一条水平虚线方法

 

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

对div设置水平虚线线：
.webjx{ height:1px; width:100%; border-bottom:1px dashed #000;}
对应HTML代码：
<div class="webjx"></div>

对hr水平分割线设置属性：
1、hr标签内设置虚线属性：
<hr size=1 style="color: blue;border-style:dashed ;width:100%">
注：这里说明的是size为hr的值，一边设置为1即可；

2、在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 borer、CSS 下划线、CSS 背景等知识，希望大家能掌握各种方法设置DIV虚线、虚线边框、DIV CSS虚线下划线的方法；

上一篇：{教程}Div+CSS教程:如何解决IE6绝对定位错位问题 人气:2153
下一篇：{教程}Div+CSS教程:制作网页中列表型CSS虚线下划线方法 人气:2050

div+css视频教程