定義リストを使ってスケジュールページ等を作るときに。それぞれdt,ddの1セットの間に何か置きたい時、以前はテーブルで作って、間に画像等を入れていたが、面白くないので定義リストで作ってみる!
html的には普通の定義リスト。
CSS
dl dt:before {
content:”↓”;
display: block;
}
dl dt:first-child:before {
display: none;
}
ここでは矢印(↓)を入れてみた。
:beforeで矢印を追加して、:first−chidで一つ目を消す。
結構単純。