コーディング

【12日目】「詳解CSS基礎文法編」BOXモデルを理解する#16-#20

NoImage

今日はBOXモデルが中心でした。

まだまだ基礎編ですが、BOX内の文字を隠したり、スクロールしたり。

BOXの枠をつけてみたり。

3分以内で1レッスンが終わるドットインストールは、わかりやすくていいですね。

 

.box1{
  background-colororange;
  width200px;
  height200px;
}
.box2{
  background-colorskyblue;
  width50%;
  height50%;
  /* border-width: 2px; */
  /* border-style: solid; */
  /* border-color: blue; */
  border-top2px solid blue;
  border-bottom2px solid blue;
  border-radius10px;