NO.81 区切り線の装飾

<hr>の装飾例をいくつか挙げます。意外と使いそう・・
あんまりわけの分からない装飾やサイズ指定をすると、区切り線としての役割では無くなってしまう恐れがありますね。

最近の記事を見て行くと、自分がいかにCSSをデザインぐらいにしか使ってないかが分かります。
出来る限りの事はHTMLタグで済ます方が俺は好きです。

例
◆HEAD内の記述 <style type="text/css"> <!-- .Z1{color:aqua} .Z2{color:lightblue;height:20px;width:80%;text-align:right;} .Z3{color:blue;height:15px;border:dotted lime 3px;} .Z4{background-color:yellow;height:10px;width:60%;text-align:left;} .Z5{background-color:darkblue;height:90px;text-align:center;width:50%;background-image:url("temp/iruka.png")} --> </style>
◆BODY内の記述 <hr class=Z1><br> <hr class=Z2><br clear=all> <hr class=Z3><br> <hr class=Z4><br clear=all> <hr class=Z5><br clear=all>
◆実行例









前に戻る　次に進む
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送