ＣＳＳでのリスト表示

5 CSS tricks with lists | Pieter Beulque

ul, ol, dt などのリストを使った各種テクニック集が紹介されています。

(1) 数値部分とリスト部分のデザイン分け


(2) メニュー風のリスト作成


(3) 最後の要素がフェードアウトするリスト作成


(4) 飲食店のメニュー風にスタイルされたリスト作成


(5) １つのリスト要素を複数行にするリスト作成


HTML、CSSがサンプルとして公開されています。
知っておくと便利そうなテクニックですね。

関連エントリ

• 便利なＣＳＳテクニック３０選
• CSSとdivを使った画像先読みテクニック
• 本の目次部分のようなリストをCSSでデザインするテクニック