純代碼實現的分割線- -
提到分割線，大家習慣使用長條形圖片，或者用小圖片作為平鐠背景來實現。：
這樣當然可以隨心所欲地達到要求，但圖片文件畢竟需要找空間上傳，也多少會拖慢下載速度。
其實簡單的“hr”語句同樣能夠實現多樣化的分割效果，試舉例如下：
最基本的：
<hr width=300 size=1 color=#00ffff align=center noshade>
其中 width 規(guī)定線條的長度，還可以是百分比；color 是顏色，size 當然就是厚度了。
align 規(guī)定線條位置，left、right、center。
noshade 是否有立體效果。
兩頭漸變透明：
<hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">
右邊漸變透明：
<hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">
畫虛線：
<hr width=80% size=1 color=#00ffff style="border:1 dashed #00ffff">
畫雙線：
<hr width=80% size=3 color=#00ffff style="border:3 double green">
立體效果：
鋼針效果（^_^）：
<hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)">
紡棰形：
<hr width=80% size=30 color=#00ffff style="filter:alpha(opacity=100,finishopacity=0,style=2)">
以上所有效果并不是孤立的，它們可以相互組合，從而產生新的效果。
<hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)">
|
