定義リストで1セットごとの間に矢印

定義リストを使ってスケジュールページ等を作るときに。それぞれdt,ddの1セットの間に何か置きたい時、以前はテーブルで作って、間に画像等を入れていたが、面白くないので定義リストで作ってみる!

html的には普通の定義リスト。

CSS

dl dt:before {
content:”↓”;
display: block;
}
dl dt:first-child:before {
display: none;
}

ここでは矢印(↓)を入れてみた。
:beforeで矢印を追加して、:first−chidで一つ目を消す。
結構単純。

にほんブログ村 IT技術ブログへ にほんブログ村 IT技術ブログ WordPressへ にほんブログ村 IT技術ブログ Webサイト構築へ

投稿者: おーあえ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください