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;">