説明リストの線を消したり、伸ばしたりする

説明リストの線を消す

その1

おおお

その2

もののお

その3

ふきるつ
ととん

解説:dtタグの::after要素のbackgroundプロパティで色を付けているので、色を透明に設定する。そのままでは全dtに適応されてしまうので、変更したいdtに追加SCCクラスをつける。

説明リストの線を伸ばす

ぷちぷち1

ぽぽぽ
5680

くとくと1

ぺぺぺ
ggg
gggg

解説:dtタグの::after要素のwidthプロパティで横幅指定しているので値を変更する。そのままでは全dtに適応されてしまうので、変更したいdtに追加SCCクラスをつける。

目次