NewsHTML TipsFlashPhotoDiaryProfileBBSLinkMail
   
  戻る  


水平線<hr>をCSSでアレンジ!
 
・サンプル



ソース
<hr size="3" width="400" color="#333399" style="filter:alpha(opacity=0,finishopacity=100,style=2)">



・サンプル



ソース
<hr size="3" width="400" color="#333399" style="filter:alpha(opacity=0,finishopacity=100,style=3)">



・サンプル



ソース
<hr size="1" width="400" color="#333399" style="filter:alpha(opacity=100,finishopacity=0,style=3)">



・サンプル



ソース
<hr size="1" width="400" color="#333399" style="filter:alpha(opacity=100,finishopacity=0,style=1)">



・サンプル



ソース
<hr size="1" width="400" color="#333399" style="filter:alpha(opacity=0,finishopacity=100,style=1)">



・サンプル



ソース
<hr size="1" width="400" color="#333399" style="border-style:dotted">



・サンプル



ソース
<hr size="2" width="400" color="#333399" style="border-style:dotted">



・サンプル



ソース
<hr size="3" width="400" color="#333399" style="border-style:dotted">



・サンプル



ソース
<hr size="4" width="400" color="#333399" style="border-style:dotted">



・サンプル



ソース
<hr size="5" width="400" color="#333399" style="border-style:dotted">



・サンプル



ソース
<hr size="6" width="400" color="#333399" style="border-style:dotted">



・サンプル



ソース
<hr size="7" width="400" color="#333399" style="border-style:dotted">



・サンプル



ソース
<hr size="8" width="400" color="#333399" style="border-style:dotted">



・サンプル



ソース
<hr size="9" width="400" color="#333399" style="border-style:dotted">



・サンプル



ソース
<hr size="2" width="400" color="#333399" style="border-style:dashed">



・サンプル



ソース
<hr size="3" width="400" color="#333399" style="border-style:dashed">



・サンプル



ソース
<hr size="5" width="400" color="#333399" style="border-style:dashed">



・サンプル



ソース
<hr size="6" width="400" color="#333399" style="border-style:dashed">



・サンプル



ソース
<hr size="7" width="400" color="#333399" style="border-style:dashed">



・サンプル(おまけ)



ソース
<hr size="20" width="400" color="#9999FF" style="filter: Wave(freq=4,strength=2,lightStrength=70)">
<!--
freq:波の数 
strength:波の強さ 
lightStrength:光の強さ
-->