再挑戦への記録☆目指せ☆ちょこちょこアフィリエイター☆

再挑戦への記録☆目指せ☆ちょこちょこアフィリエイター☆

水平な区切り線





《 水平な区切り線 》 ・・・<hr>





↑ <hr> を入れるだけ!!このタグに終了タグはいりません。
ページ内で話題を変える場合などに使います。
※このように幅を指定していない場合、ウィンドウいっぱいの幅に表示される

《 区切り線の太さ・幅を変えてみる 》 ・・・<hr size="太さ" width="幅">








↑ まぁ・・・必要ないっちゃないけど、こんなこともできるってことで・・・


《 区切り線の位置を指定する 》 ・・・<hr align="left,center,rightから選ぶ">



<hr width="300" align="left">


<hr width="300" align="center">



<hr width="300" align="right">

※width属性で幅が指定されていない場合は、自動的にウィンドウいっぱいに
なるので、位置の指定は関係ないよ。



《 区切り線の色の指定 》 ・・・<hr color="色を指定する">





<hr color="pink">




<hr color="pink" width="100">


《 区切り線に背景画像を入れる 》




<hr style="background:url(背景画像・壁紙のHTTP://から始まるURL)" size="10" width="300">

※背景画像のURLは、楽天の場合httpから始まるものしか使えないので注意!
 それから画像は、ちゃんと自分のHPの画像の倉庫に入れたものを使うこと!!
  直リン禁止という言葉を聞いたことがあると思いますが、最低限のルールは
守りましょう。


※MacのNetscapeでは表示不可、Explorerでは太さを10ピクセル以上
にしないと不具合があるようです

size="太さ"やwidth="幅"も変更できますよ



《 区切り線のタイプを変えてみよう 》 NEW


(波線)
<hr style="border:2px dashed deeppink;">

(点線)
<hr style="border:2px dotted red;">












© Rakuten Group, Inc.
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: