一、基本代碼: <HR align=center width=500 color=#987cb9 SIZE=1>
說 明∶改變SIZE=1數(shù)值可調整分割線寬
效 果 圖 如 下 所 示
二、特效
1、兩頭漸變透明： <HR style="FILTER: alpha(opacity=100,finishopacity=11,style=3); TEXT-ALIGN: center" width=500 color=#ffffb9 SIZE=3>
說 明∶改變SIZE=3、opacity=100數(shù)值可調整分割線寬和透明度
效 果 圖 如 下 所 示
2、紡錘形： <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2); TEXT-ALIGN: center" width=500 color=#ffffb9 SIZE=10>
說 明∶改變SIZE=3、opacity=100數(shù)值可調整分割線寬和透明度
效 果 圖 如 下 所 示
3、右邊漸變透明： <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1); TEXT-ALIGN: center" width=500 color=#ffffb9 SIZE=3>
說 明∶改變SIZE=3、opacity=100數(shù)值可調整分割線寬和透明度
效 果 圖 如 下 所 示
4、左邊漸變透明： <HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1); TEXT-ALIGN: center" width=500 color=#ffffb9 SIZE=3>
說 明∶改變SIZE=3、finishopacity=100數(shù)值可調整分割線寬和透明度
效 果 圖 如 下 所 示
5、虛線與鋸齒線： <HR style="BORDER-RIGHT: #987cb9 1px dashed; BORDER-TOP: #987cb9 1px dashed; BORDER-LEFT: #987cb9 1px dashed; BORDER-BOTTOM: #987cb9 1px dashed; TEXT-ALIGN: center" width=500 color=#987cb9 SIZE=2>
說 明∶改變SIZE=2的數(shù)值(1~2時為虛線3往上為鋸齒狀線)、finishopacity=100數(shù)值可調整分割線寬和透明度
效 果 圖 如 下 所 示
虛線與鋸齒線又一效果： <HR style="BORDER-RIGHT: #987cb9 1px dashed; BORDER-TOP: #987cb9 7px dashed; BORDER-LEFT: #987cb9 1px dashed; BORDER-BOTTOM: #987cb9 1px dashed; TEXT-ALIGN: center" width=500 color=#987cb9 SIZE=10>
說 明∶分別改變BORDER-TOP: #987cb9 7px和BORDER-BOTTOM: #987cb9 1px的數(shù)值(1~9時出顯示不同效果分割線)。
效 果 圖 如 下 所 示
6、雙線： <HR style="BORDER-RIGHT: #987cb9 3px double; BORDER-TOP: #987cb9 3px double; BORDER-LEFT: #987cb9 3px double; BORDER-BOTTOM: #987cb9 3px double; TEXT-ALIGN: center" width=500 color=#987cb9 SIZE=7>
說 明∶改變SIZE=7可調整分割線寬(與后面調整配合)、BORDER-TOP: #987cb9 3px和BORDER-BOTTOM: #987cb9 3px數(shù)值可調整上下分割線寬
效 果 圖 如 下 所 示
7、立體效果： <HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:240,strength:15); TEXT-ALIGN: center" width=500 color=#987cb9 SIZE=3>
說 明∶改變SIZE=3數(shù)值調上實邊寬、改變strength:15數(shù)值可調下虛邊寬、調整direction:240數(shù)值為340、240或140時分別為齊頭、左躞斜角或右斜角
效 果 圖 如 下 所 示
8、鋼針效果： <HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10); TEXT-ALIGN: center" width=500 color=#987cb9 SIZE=2>
說 明∶改變SIZE=3數(shù)值可調整中部實心寬、改變strength=10數(shù)值可調整外圍虛邊寬
效 果 圖 如 下 所 示
