你的位置:主页>>线条美化  
     
  1.样式一 嘿嘿,这是线条



代码如下:

<hr width="50" size="50" color="#ff0000" align="left">

2.样式二 实心的线条



代码如下:

<hr width="200" size="4" noshade align="left">

3.样式三



代码如下:

<hr width="1" size="110" color="#00ff00" align="center">

说明:

线条的color属性在netscape中并不支持,而且作为竖线,仅能在IE中显示100像素。

4.样式四


代码如下:

<hr size=1 style="COLOR: red;border-style:dotted;width:300">

size=2:


size=3:


size=4:


size=5:


size=6:


size=7:


size=8:


size=9:


size=40:


4.样式五


代码如下:

<hr size=1 style="COLOR: red;border-style:double;width:300">

size=2


size=3


size=4


size=5


size=6


size=20


6.样式六



代码如下:

<hr size=6 style="COLOR: red;border-style:outset;width:300;">

sizie=20


7.样式七



8.样式八










代码如下:

<hr style="width:1;border:1 dashed red;height:199;position:absolute;top:2000;left:100;">

9.样式九



代码如下:

<hr size="1" color="#ff9966" style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=0,startY=0,finishX=100,finishY=100);width:300;">



代码如下:

<hr size="1" color="#ff9966" style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0);width:300;">

10.样式十



<hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#ff8800',endColorstr='#ffffff'); WIDTH: 300;HEIGHT: 10px">

11.样式十一



代码如下:

<hr size="10" color="#cc0000" style="filter:alpha(opacity=0,finishopacity=100,style=2);width:300;">

12.样式十二



代码如下:

<hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#0000ff',endColorstr='#ffffff'); WIDTH: 300;HEIGHT: 10px">

13.样式十三



代码如下:

<hr style="background:red url(bg.gif);width:150;height:110;border:0;">