码迷,mamicode.com
首页 > Web开发 > 详细

html里添加虚线

时间:2014-11-11 12:22:16      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:style   io   color   os   使用   sp   div   on   bs   

html里添加虚线


<hr style="border:1px dashed #000; height:1px">

<hr style="border:1px dotted #036" />

<hr style="border : 1px dashed blue;" />

( J; B8 E( E! w7 C


<hr style="border: 1px solid #ff0000"/>

8 }* {# h# f7 ]3 K1 c


<hr style="border:1px dashed #0000fff"/>

9 c% Y" k0 S& G N


1 H1 @5 {% u" v$ D

<hr style="border:3px dotted #000 "/>

3 Y N7 I+ {7 v2 _! T* E1 W


<hr style="border:2px double #e8e8e8"/>

9 ~+ k5 b6 Y* h* S
border : border-width || border-style || border-color
取值:
该属性是复合属性。请参阅各参数对应的属性。
默认值为: medium none 。 border-color 的默认值将采用文本颜色。

说明:
设置对象的边框样式。
当你指定了边框颜色( border-color )和边框宽度( border-width )时,你必须同时指定边框样式( border-style ),否则边框不会被呈现。
如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
例如:设置 border : thin 等于设置 border : thin none ,而 border-color 的默认值将采用文本颜色。因此此前的任何 border-color 和 border-width 设置都会被清除。
在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
对应的脚本特性为 border 。

border-bottom-style版本:CSS2  兼容性:IE4+ NS6+ 继承性:无
语法:
border-bottom-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
取值:
none :  默认值。无边框。不受任何指定的 border-width 值影响
hidden :  隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid :  实线边框
double :  双线边框。两条单线与其间隔的和等于指定的 border-width 值
groove :  根据 border-color 的值画3D凹槽
ridge :  根据 border-color 的值画菱形边框
inset :  根据 border-color 的值画3D凹边
outset :  根据 border-color 的值画3D凸边

说明:
设置对象下边框的样式。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
如果 border-bottom-width 设置为 0 ,本属性将失去作用。
对应的脚本特性为 borderBottomStyle 。

html里添加虚线

标签:style   io   color   os   使用   sp   div   on   bs   

原文地址:http://www.cnblogs.com/linhh-ocean/p/4088979.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!