『【CSS】hrタグは便利だけどもう少しデザインで遊びたいなぁと思うとき』

Web仕事人の部屋札幌のWeb制作会社・株式会社メディアリュウム／株式会社WEBサクセスのスタッフHが、Web制作のTipsなどをお届けします。 区切り線である <hr> タグですが、デフォルトのままですと、グレーのちょっと味気ない罫線になってしまいますが、もうちょっとデザイン性が欲しいな、と思うこともしばしばです。 そこで、この <hr> タグを <div> タグでくくってあげるだけで、結構いろんな工夫ができるようになります。 考え方はこのような感じです。 hr を div でくくり、 hr を display:none; を使って非表示にすることで、 div に対して飾りつけをしていく、というものになります。 HTMLでの記述は --------------------------------------------- <div class="line"><hr /></div> --