トップ > リスト修飾
リスト修飾
リストの修飾は主にナビゲーションで使います。
グローバルメニューやフッターメニューで横並びにしたり、サイドメニューでラインを付けて、境界をはっきりさせたりなどの使われ方がします。
CSSではリストマークに画像をしてしたりできますが、テキストとの並びがずれますので、背景画像をつかうことが多いです。
例１ リストを横並びにする
li はボックス要素です。その為通常は自動的に改行されます。
横並びにするにはインライン要素にするだけです。
#FT li {
display: inline;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
padding-right: 3px;
padding-left: 5px;
}
- 02/27 サイトマップ
- 06/15 ソースやHTMLを表示そのまま表示する
- 06/15 TIPS
- 02/01 回り込みの詳細
- 02/01 改行しないで表示
- 02/01 背景に画像を使う
- 02/01 背景の画像を固定
- 02/01 背景色を指定
- 02/01 文字色
- 02/01 画像とテキストの並び方
