[ CSS ] dl をスタイリングする CSS のサンプル


## CSS サンプル 1

[Vicuna のデモページ](http://vicuna.jp/storage/sBazooka/preview/1.html) で使われていた dl のスタイルが格好良かったので真似させてもらった。ココで使われている class 名の dl.data って良いなぁ。

dl のサンプル

### サンプルコード



dl のサンプル


タイトル
説明文一行目
説明文二行目
タイトル
説明文一行目
タイトル
説明文一行目
タイトル
説明文一行目
タイトル
説明文一行目
タイトル
説明文一行目

### 実際の動作サンプル

サンプルページ

## CSS サンプル 2

トップページの新着・更新情報などに使いたい。

dl のサンプル

### サンプルコード



dl のサンプル


### 実際の動作サンプル

サンプルページ

## 雑感

– データが二列以下の時は、table タグじゃなくて dl タグでコーディングした方が良いのかな?
– あまりボーダーで囲みすぎるとテーブルと区別がつかなくなるので注意しないと…。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です