FC2ブログ
05.05
Fri
・文字のカスタマイズ


■ 水平線でメリハリを出す



前回は、スクロールに背景・余白を加える方法を学びました。
今回は、水平線を書く方法です。



水平線をうまくつかうと、ページがすっきり区切れてキレイに見えます。






水平線を書くのにつかうタグはこれ!
<hr>


例:

<hr>







このように線が引けました。
では、この線をカスタマイズしてみましょう!


線の立体感をなくす(通常は立体的に見えるようになっています)
<hr noshade>


例:

<hr noshade>








線に色をつける
<hr color="">


例:

<hr color="brown">








さらに線の太さを変える(通常の太さは"2")
<hr size="">


例:

<hr color="brown" size="10">








さらに線の長さを変える
<hr width="">


例:

<hr color="brown" size="10" width="200">








さらに線の位置を変える(属性値は「left」「center」「right」の3つ)
<hr align="">


例:

<hr color="brown" size="10" width="200" align="center">







Home
関連記事
スポンサーサイト




comment 0 trackback 0
トラックバックURL
http://oyedihawakisi.blog37.fc2.com/tb.php/167-a5f113db
トラックバック
コメント
管理者にだけ表示を許可する
 

 New Favorite blog Entries 最新記事 33サイト掲載中

back-to-top