devSnippetsで、リストをデザインするためのCSSプラクティスが紹介されています。
ざっといくつかご紹介。
» Elastic Calendar Styling with CSS
CSSでデザインしたカレンダー。↑のキャプチャはこちら
» Simulating a Table Using an Unordered List
ul,liでテーブルレイアウトを作る
» How to Create a Block Hover Effect for a List of Links
リンクのリストにブロックのhoverエフェクトをつける
» Turning a list into a navigation bar
リストをナビゲーションバーに
» FORM elements design using CSS and list (ul and dl)
ulとdlを使ってフォームを作成
» Product Planner
ol,liを使ったProduct Plannerのサイト例
その他のリストは以下からどうぞ。
» Styling your Lists: 20+ Brilliant How to's and Best Practices
Editor's Note
超いい天気ですね〜。写真たくさん撮ろうっと。
Related Entry
- CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」
- Photoshopで作ったようなCSS3のタイポグラフィー
- CSS3で作るクールなお問い合わせフォーム
- floatした画像の横のテキストの回り込みをクリアするCSS
- CSS3を使ったボタンジェネレータ
- CSSだけでJavaScriptのような動きを実装するサンプル30
