定義リスト DL DT DD をCSSで装飾するサンプル例の紹介。レスポンシブでも崩れない指定を目指しました。基本属性を活かして無駄な指定をしないのがポイント。 定義リストDLタグは、言葉を定義したり説明したりするときに使う論理タグです。セマンティックなマークアップが求められるにつれ活用の機会が増えました。 ただし基本のマージンなどにやや癖があるので、CSSで装飾するときは注意します。 よく見る定義リスト DL/DT/DD 向けのデザインサンプルはスマホで見ると崩れるものも多いんですが、なるべく幅は可変になるように書きました。レスポンシブでもコピペでいけるんじゃないかと思います。 定義リストとは 主な用途は用語集や注意書きでしょうか。以前はdefinition list(定義リスト)と呼ばれましたが最近ではdescription list(説明リスト)となり、少し言葉の印象が柔らかくなりま
![定義リストDLを装飾するレスポンシブOKなCSSデザイン5種 : おち研](https://cdn-ak-scissors.b.st-hatena.com/image/square/3c2277a99248c5e3afac59e6d37466b2642873b4/height=288;version=1;width=512/http%3A%2F%2Fwww.02320.net%2Fwp-content%2Fuploads%2F2015%2F09%2Fcss-for-dl-dt-dd.png)