罫線について





昨日の日記で使った罫線の説明です。

<hr> と表示するだけで、罫線が引けます。
色や太さを指定すれば、いろんな罫線が簡単に挿入出来ます。
昨日の罫線は <hr color=00e300>を使いました。
下の緑のラインです。
 ↓



もちろん素材屋さんでラインをダウンロードして使っても
いいのですが、楽天では画像が100枚までしか保存出来ない
ので、このタグを覚えておくととても便利です。

 【 罫線を引きます。 】

<hr>  左のタグを使うと
    ↓      



 【 罫線の太さを指定します。  】

<hr size="5">
                



<hr size="10">
           



 【 罫線の長さを指定します。 】

<hr width="400">
          


 
<hr width="600"> 
         



●罫線の長さは、ブラウザのウインドウに対する
%でも指定出来ます。指定しないと、
ウインドウいっぱいに表示されます。

<hr size="10" width="70%" color="32cd32">



 
 【 罫線に色をつけます。 】

<hr size="10" width="600" color="4169e1">




<hr size="10" width="600" color="ff1493">




【 罫線の位置と長さを指定します。 】

◆ 左にラインです。

<hr size="10" width="200" color="33ccff" align="left">
 



◆ 指定がないと真ん中になります。

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




◆ 右にラインです。

<hr size="10" width="200" color="008000" align="right">




 【 罫線の影をなくします。 】

<hr size="10">



上が影のある罫線で、下が影をなくしたものです。

<hr noshade size="10">







© Rakuten Group, Inc.