CSS 横纵虚线
<STYLE type=text/css>
.dotline {
    BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted
}
.div_1{
width:500px;

BORDER-BOTTOM: #99CCFF 1px dashed;BORDER-top: #99CCFF 1px dotted;
BORDER-left: #99CCFF 1px dashed;BORDER-right:#99CCFF 1px dashed;

}

</STYLE>  

<hr class=dotline color=#000000 size=1>

<hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted" color=#000000 size=1>

<div  class="div_1">
说明:
调用格式:
style="BORDER-BOTTOM: #99CCFF 1px
dashed;BORDER-top: #99CCFF 1px dashed;BORDER-left: #99CCFF 1px dashed;BORDER-right:#99CCFF 1px dashed"
分别表示:
下边框属性:颜色、边框宽度
上边框属性:颜色、边框宽度
左边框属性:颜色、边框宽度
右边框属性:颜色、边框宽度
dashed:表示虚线,可以用以下样式替换
dotted:点划线;solid:实线;double:双线
注意:可以单独定义上下左右边框的样式,也可以联合滤镜定义,打造个性十足的边框!

</div>
xihongshi   2007-10-25 17:57:19 评论:0   阅读:568   引用:0

发表评论>>

署名发表(评论可管理,不必输入下面的姓名)

姓名:

主题:

内容: 最少15个,最长1000个字符

验证码: (如不清楚,请刷新)

Copyright@2008 powered by YuLog