ボーダー

楽しい生活

枠線をつけよう

f:id:t0919k-1201y:20201109092853p:plain

index.html

f:id:t0919k-1201y:20201109093249p:plain

stylesheet.css

f:id:t0919k-1201y:20201109093314p:plain

結果

f:id:t0919k-1201y:20201109093341p:plain

 

演習メモ

index.html

・以下のh3要素に「section-title」というclassをつけてください
  → <h3 class=”section-title”>学べるレッスン</h3>

 

stylesheet.css

・contentsのheightを500pxにしてください

.contents {
height: 500px;
}

・section-titleのborder-bottomを指定してください

.section-title {
border-bottom: 2px solid #dee7ec;
}

・contents-itemのfloatプロパティをleftにしてください

.contents-item {
float: left;
}

コメント

タイトルとURLをコピーしました