罫線いろいろ






メモ width= で幅を、size= で太さを指定できます。
同じにすれば、正方形に! サイズを変えて並べるのもいいかも。

 <hr width="10" size="10">

2. 属性指定で、画像並におしゃれに!




color= で色指定して黒に、style= で点線化しました。 他にも border-style:○○ のところを変えたり、size= で太さを変えても。

 <hr size="1" color="#000000" style="border-style:dotted">

 2. のバリエーション。

 border-style属性には、
   solid(影なし直線)、double(二重線)、
   dotted(点線)、dashed(破線) などがあります。

◆ solid(影なし直線) 




noshade と入れる代わりに、style="border-style:solid" と入れても同じ見た目になりますが、ネスケには対応していないので、noshade がオススメ。

 <hr size="3" color="#000000" noshade>

◆ double(二重線)




style="border-style:double" は、size 指定を 3 以上にしないと二重になりません。

 <hr size="3" color="#808080" style="border-style:double">

◆ dotted(点線)




 <hr size="2" color="#FFA4B0" style="border-style:dotted">

◆ dashed(破線)




 <hr size="2" color="#78BCFF" style="border-style:dashed">

© Rakuten Group, Inc.

Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: