【12日目】「詳解CSS基礎文法編」BOXモデルを理解する#16-#20
今日はBOXモデルが中心でした。
まだまだ基礎編ですが、BOX内の文字を隠したり、スクロールしたり。
BOXの枠をつけてみたり。
3分以内で1レッスンが終わるドットインストールは、わかりやすくていいですね。
.box1{
background-color: orange;
width: 200px;
height: 200px;
}
.box2{
background-color: skyblue;
width: 50%;
height: 50%;
/* border-width: 2px; */
/* border-style: solid; */
/* border-color: blue; */
border-top: 2px solid blue;
border-bottom: 2px solid blue;