|
|
|
代碼生成的分割線
|
|
基本分割線效果:
代碼:
<hr width=500 size=2 color=#FF00CC align=center noshade>
|
詳解:width=500 表示分割線的長度為500,也可以是百分比;color=#FF00CC表示分割線的顏色是綠色,綠色代碼是#FF00CC,size=2表示分割線的厚度為2。 align=center表示分割線是居中位置,其中align=left表示居左、align=right表示居右。 noshade 是否有立體效果。 |
|
兩邊透明漸變效果:
代碼:
<hr width=500 size=3 color=#FF00CC align=center style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">
|
|
右邊透明漸變效果:
代碼:
<hr width=500 size=3 color=#FF00CC align=center style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">
|
|
波浪線效果:
代碼:
<hr width=500 size=3 color=#FF00CC style="border:1 dashed #FF00CC">
|
|
其中,border:1的數(shù)值1可以隨意更改,每個數(shù)字代表不同的效果
|
|
雙線效果:
代碼:
<hr width=500 size=3 color=#FF00CC align=center style="border:3 double FF00CC">
|
|
立體陰影效果:
代碼:
<hr width=500 size=5 color=#FF0000 style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#FF00CC,direction:150,strength:15)">
|
|
粒子擴(kuò)散效果:
代碼:
<hr width=500 size=3 color=#FFFF00 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ffff00,strength=10)">
|
|
粒子兩邊霧化效果:
代碼:
<hr width=500 size=30 color=#FF00FF style="filter:alpha(opacity=150,finishopacity=0,style=2)">
|
|
郵票式效果:
代碼:
<hr width=500 size=10 color=#FF00FF style="border:3 dashed #00ffff" bgcolor="#00ffff">
|
| 以上代碼并不是只有這些效果,仍可以做出許多不同效果,只能靠多動手摸索了 |
|
|

|