hrで1pxの線を引く
2008.2. 9
1pxの線を引く方法はいろいろありますが、今回はCSSでスタイル指定したhrを利用してみます。
毎回テンプレートとしてCSSにいれておくと便利かも？
「border-top:1px dotted #ff3333;」などといった感じに線を引くこともできますが、Firefoxなどではうまく表示されないので「border-width:1px 0px 0px 0px;」を使用します。
CSS
hr {
border:dotted #ff3333;
border-width:1px 0px 0px 0px;
height:1px;
overflow:hidden;
margin:7px 0;
clear:both;
}
表示
↓こんな感じになります。
に参加しています。
- Permalink
- by 谷 春樹
- at 16:04
- in CSS
- Comments (0)
- Trackbacks (0)
trackbacks
trackbackURL:
comments