html分割线

34755人阅读

各种分割线Html代码

一、基本线条：

1、<HR>

---

2、<HRalign=center width=300 color=#987cb9SIZE=1>
align线条位置（可选left、right、center）；width线条长度；color颜色；size厚度

---

 

二、特效（效果并不是孤立的，可相互组合）
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)" widt