<hr>の見た目をcssで変える | mameblog

HTMLソースをシンプルに保つため、HTMLには<hr>（必要があればclass指定）のみにしてcssにてデザインを変える方法。よく使うサンプルとしては width: 300px; /* 線の幅 */ height: 0px; /* <hr>の実線を消す */ border: 0px; /* borderを一旦リセットする（基本設定でしていれば不要）*/ border-top: 1px dotted #999; /* 線の太さ 線の種類 線の色 */ 要は水平線<hr>の実線を消して、代わりにborder-topの見た目を変えて表示していることになる（borderにするとIE7.0では問題無いがFireFox2.0では線の太さが倍になる）。 線種、色、太さなどはcssのborder-topで変える。新着情報やブログのリスト表示など情報を縦に並べるページで設定してお

[kiyokichi]

　div追加したくないけどbox間にlineひきたいときに。これ使うのってありかなあ。。