定义和用法：
border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。只有当这个值不是none时边框才可能出现。

 

这里边框属性的虚线边框border控制虚线。以下配置的css 高度(css height)和css 宽度(css width)为350像素。

 

1、四边为虚线边框
border:1px dashed #000; 黑色虚线边框
 

实例：

CSS代码： .hackhome{border:1px dashed #000; height:50px;width:350px}

Html代码： <div class="hackhome">我的四边为黑色虚线边框</div>

这里配置边框缩写形式解释hackhome挑选器四边边框为1px的黑色虚线边框
 

2、左边为虚线：

CSS代码： .hackhome-1{border-left:1px dashed #000; height:50px;width:350px}

Html代码： <div class="hackhome-1">我的左边为黑色虚线边框</div>

这里配置了左边一边为黑色虚线边框

 

3、右边为虚线：

CSS代码： .hackhome-2{border-right:1px dashed #000; height:50px;width:350px}

Html代码： <div class="hackhome-2">我的右边为黑色虚线边框</div>

这里配置了右边一边为黑色虚线边框
 

4、顶部边(上边)为虚线：

CSS代码： .hackhome-3{border-top:1px dashed #000; height:50px;width:350px}

Html代码：<div class="hackhome-3">我的上边为黑色虚线边框</div>

这里配置了顶边(上边线)一边为黑色虚线边框

5、底部边(下边)为虚线：

CSS代码： .hackhome-4{border-bottom:1px dashed #000; height:50px;width:350px}

Html代码：<div class="hackhome-4">我的下边为黑色虚线边框</div>

这里配置了底边(下边线)一边为黑色虚线边框

6、随意一边不为虚线，其它三边为虚线状况
参与右边边框不为虚线而没有边线，其它三边为黑色虚线边框

CSS代码： .hackhome-5{border:1px dashed #000;border-right:0; height:50px;width:350px}

Html代码：<div class="hackhome-5">我的右边边框无边线而其它三边为黑色虚线边框实例</div>

这里先配置了该对象四边为黑色1px虚线边框，紧接着又配置一边边线为0的配置，这样相当于配置了3边的边框虚线属性，但是这里留意边框属性配置前后顺序

 

例1
border-style:dotted solid double dashed; 
上边框是点状
右边框是实线
下边框是双线
左边框是虚线
 

例2
border-style:dotted solid double;
上边框是点状
右边框和左边框是实线
下边框是双线
 

例3
border-style:dotted solid;
上边框和下边框是点状
右边框和左边框是实线
 

例4
border-style:dotted;
所有 4 个边框都是点状

 

修改您的样式表，找下边这段（一般都在开头）

a {
color:#3399FF;
font-weight:Normal; /*字体效果 普通 可以改成bold粗体*/
text-decoration:none; /*下划线效果：无下划线*/
}
a:hover {
color:#4499EE;
text-decoration:none; /*下划线效果：无下划线*/
border-bottom: 1px #0099CC dotted /*加一个只有下边的框 边框为虚线*/
}
a{}控制连接的效果 a:hover{}控制鼠标移上去的效果。

 

实心的线条:

<hr align=left width=490 color=#990099 SIZE=3 noShade>

竖直线：

<HR align=center width=1 color=red size=100>

虚线：

<hr size=1 style="color: blue;border-style:dotted;width:490">

 

双线：

<hr size=1 style="COLOR:#ff9999;border-style:double;width:490">