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虚线下划线的方法;

posted @ 2015-02-01 13:26  痞子水  阅读(1217)  评论(0)    收藏  举报