課題でホームページ作ってるんですけど、

ホームページ作成 | HTML、CSS22閲覧xmlns="http://www.w3.org/2000/svg">25

ベストアンサー

1

1人がナイス!しています

その他の回答(1件)

1

p 要素を使うという制約があるならば、 ● CSS p.note {color: darkviolet; margin-bottom: 0; padding-bottom: 0;} p.note + p {margin-top: 0; padding-top: 0;} ※「+」は「結合子」のひとつで、「直後の」を意味します。 ● HTML <p class="note">場所1</p> <p>その場所の紹介文1</p> <p class="note">場所2</p> <p>その場所の紹介文2</p> <p class="note">場所3</p> <p>その場所の紹介文3</p> しかし、この場合は、p 要素よりも定義リスト要素(dl、dt、dd)を使った方が相応しいです。dd 要素は初期状態では左マージンを取って表示されるので、margin-left: 0 で左マージンを無くします。 ● CSS dl.places dt {margin-top: 1em; color: darkviolet;} .places dd {margin-left: 0;} <dl class="places"> <dt>場所1</dt> <dd>その場所の紹介文1</dd> <dt>場所2</dt> <dd>その場所の紹介文2</dd> <dt>場所3</dt> <dd>その場所の紹介文3</dd> </dl>

1人がナイス!しています