提到分割線(xiàn),大家習慣使用長(cháng)條形圖片,或者用小圖片作為平鐠背景來(lái)實(shí)現。:
這樣當然可以隨心所欲地達到要求,但圖片文件畢竟需要找空間上傳,也多少會(huì )拖慢下載速度。
其實(shí)簡(jiǎn)單的“hr”語(yǔ)句同樣能夠實(shí)現多樣化的分割效果,試舉例如下:
最基本的:
<hr width=300 size=1 color=#00ffff align=center noshade>
其中 width 規定線(xiàn)條的長(cháng)度,還可以是百分比;color 是顏色,size 當然就是厚度了。
align 規定線(xiàn)條位置,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)">
畫(huà)虛線(xiàn):
<hr width=80% size=1 color=#00ffff style="border:1 dashed #00ffff">
畫(huà)雙線(xiàn):
<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)">
以上所有效果并不是孤立的,它們可以相互組合,從而產(chǎn)生新的效果。
聯(lián)系客服