サイドメニューのリスト部分やヘッダーメニューのリスト部分に使えるスタイル。

サンプルはこちら

ちょっと立体的なテーブルデザインを作ってみました。
僕はあまりこのタイプのテーブルはあまり使わないけど、まぁありかもね。

サンプルはこちら

pdfやdocなどの決まった拡張子にCSSを使って自動でアイコンを表示させる方法がphpspot開発日誌に紹介されていました。
とっても便利なのでゼヒ使ってみましょう。
※IE6では表示されないのでjavascriptと組み合わせる必要があります。

サンプルはこちら

シンプル見出しシリーズ第2弾。
今回もボーダーを使ってのデザインです。それなりに利用頻度は高いかも！？

サンプルはこちら

最近はあまり使わなくなりましたが、定義型リストの横並びをやってみました。
日付の入るようなものはテーブルでいいと思うがどうでしょう？
もしくは、横並びにする必要はないのかも…

サンプルはこちら

ボーダーを使ってのシンプルな見出しを作ってみました。
画像を使わないボーダーの見出しはバリエーションが豊富にあるので今後更新していきます。

サンプルはこちら

会社概要などのデザインをシンプルにしたい時に有効なテーブルCSSデザインです。

サンプルはこちら

ちょっとした時などに、わざわざ新しくCSSを定義しなくてもリスト風のスタイルがtext-indentでできます。

サンプルはこちら

もっともシンプルでよく使われている2カラムのレイアウトをご紹介。
特にはじめてCSSレイアウトにチャレンジする方には分かりやすいレイアウトだと思います。

サンプルはこちら