ホームページ作成支援Ran.comX
 

区切り線


▼文節を線で区切ってすっきりしたレイアウトにしてみましょう。
  • このタグは<HR>だけでOKですよ。(終了タグなし)
    あとはいろいろと指定できるので、それで変更していけばいいんですね。
◆タグ使用例 : 
<HR>
上のが区切り線です。
そして、下も同じです。
<HR>
下はちょっとサイズを変えてみました。
<HR width="50%">
お次は指定をピクセル指定にしてみたものです。
<HR width="200px">
次のは太さを変更してありますね。
<HR size="10px">
最後のはすべての指定をしてみました。
<HR size="10" width="70%" align="center">

◆上の指定のブラウザ表示です。


     上のが区切り線です。
     そして、下も同じです。



     下はちょっとサイズ(幅)を変えてみました。



     お次は(幅)指定をピクセル指定にしてみたものです。



     次のは太さを変更してありますね。



     最後のはすべての指定をしてみました。


まとめ  
      <HR>(通常はこれだけでいいです。)

      <HR width="x">(幅を指定する場合。x=ピクセル数か%で指定します。)
      <HR size="y">(太さを指定する場合。y=ピクセル数で指定します。)
      <HR size="y" width="x">(幅・太さともに指定する場合。例のようにalign指定もできます。)


これ以外にもスタイルシートなどで色を変更したり、グラデーション(CSSフィルタ指定)をかけたりいろいろできます。(CSS講座・フィルタ参照)
とりあえず、区切り線はこれでひくことができますね(o^-')b
COPYRIGHT © 2004-2007 FREEMETHOD ALL RIGHTS RESERVED. ランキングナビ