XHTML/CSS・トップ | CSSプロパティ・目次

●ボーダーを水平線として表示

【CSS】

#yoko1 {
 padding: 5px 0 12px 10px;
 border-bottom: 4px solid #bbffff;
}


【HTML】

<h2 id="yoko1">●ボーダーを水平線として表示</h2>


【解説】

 h2 の見出しの下と、ここの段落の下に水平線(区切り線)として、指定した要素の下枠線(border)を表示させています。もちろん、上に表示させることも可能です。


【CSS】

#yoko2 {
 padding-bottom: 2em;
 border-bottom: 3px solid #ff00ff;
}


【HTML】

<p id="yoko2"> h2 の見出しの下と、ここの段落の下に水平線(区切り線)として、指定した要素の下枠線(border)を表示させています。もちろん、上に表示させることも可能です。</p>


■関連ページ

XHTML/CSS・目次 | 領域(ボックス)・目次

Copyright (C) 2005-2007 http://www.xml.vc/