よくあるご質問やFAQの見た目をCSSでそれっぽく調整する | TechMemo

2017/06/27 7 users TechMemo CSS FAQ 見た目 デモページ

よくあるご質問やFAQなどのコンテンツをサクッとそれっぽい見た目に仕上げる方法をご紹介いたします。 紹介するCSSをコピペすれば、以下デモページのような見た目にすることができます。 デモページを見る HTML側は、以下のようにします。 <dl class="qa"> <dt>Q質問1</dt><dd>A回答1回答1回答1回答1回答1回答1回答1回答1回答1回答1回答1回答1回答1回答1</dd> ... 続きを読む

[CSS]dl要素を美しくデザインするスタイルシートのまとめ | コリス

2012/08/01 315 users コリス CSS dl要素 div class スタイルシート

実用的なものからちょっとトリッキーなものまで、dl要素を使った美しいデザインのスタイルシートを紹介します。 In Defence of the Definition List HTML <dl class="wrapper1"> <dt>News Item 1</dt> <dd><div class="div1">Lorem ipsum dolor sit amet, consectetur ad... 続きを読む

CSS - dtをfloatする場合の注意点 | Try | d-spica

2008/05/12 506 users TRY padding margin Recent CSS

dtをfloatし，margin, padding, borderなどをあてる場合の注意点です。 Tried at 2008-05-12 まず，マークアップは次の通り <dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテ... 続きを読む