要设置一条1像素粗的水平线,应使用的HTML语句是_ _ .

height:1pxfont-size:0pxbackground:#ff0000//理论上是这样写，但是这种写法兼容性不强。

html本身自带的<hr>标签就是水平线，但是基本没人用，自带样式太不美观了。

所以不妨换个思路，用border 来解决。

height:12pxfont-size:12pxborder-bottom:1px solid #ff0000

1、两头渐变透明：

<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>

2、纺锤形：

<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#987cb9 SIZE=10>

3、右边渐变透明：

<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3>

4、左边渐变透明：

<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color=#987cb9 SIZE=3>

---