[使える CSS テクニック] CSS で DL を float して表組みのように表現する | バシャログ。

使える CSS テクニック第 5 回、「CSS で DL を float して表組みのように表現する」です。 何かと便利な定義リストですが、今回は dt と dd を並列に並べて、テーブルのように表示する方法をご紹介します。 よく使われる定番の方法で、難しいものではないですが、少しだけクセがあります。 ベーシックなテーブル まずは下のような、会社紹介などに使われる汎用的なテーブルです。 基本的に dt に float を設定して、dd は dt に乗っかる形になります。 [サンプル] 会社名 株式会社シーブレイン 住所 横浜市中区尾上町 5-77-2 馬車道ウエストビル 8F 電話番号 045-650-6210 [HTML] <dl> <dt>会社名</dt> <dd>株式会社シーブレイン</dd> <dt>住所</dt> <dd>横浜市中区尾上町 5-77-2 馬車道ウエストビル 8F<

[iic_proper]

DLタグとcssでテーブル表示のテクニック

[blog0009]

CSS で DL を float して表組みのように表現する | バシャログ。

[ringorira21]

会社概要

[torimoku]

dl dt ddでテーブル組み風　下線を引きたいときに

[pudechige]

　会社概要などの、リストを作る時に役立つ。　テーブル形式で使う。応用でテーブル形式に見える。floatが鍵

[okosou]

dtにwidthを指定するとpaddingの余白が調整できない

[ikacr4u]

dlタグでテーブルっぽいのを作れる。

[Naoki1]

CSS で DL を float して表組みのように表現する

[wims_Tea]

CSS で DL を float して表組みのように表現する

[masapon1967]

CSS で DL を float して表組みのように表現する

[tpex_ovon]

テーブル使っちゃだめ？

[kkeisuke]

IE hasLayout zoom:normal;