要素の上と左に余白をつけます

要素の端とテキストの間に余白をつけます

線を引こう

線の幅

border-width: 1px;

border-width: thick;

border-width: 1px 4px 8px 12px;

線の種類

border-style: dotted;

border-style: groove;

border-style: ridge;

border-style: inset;

border-style: outset;

border-style: double dotted solid ridge;

線の色

border-color: #0bd;

border-color: tomato;

border-color: tan #0bd tomato #000;

線の位置

border-bottom: 2px solid #0bd;

border: 5px dotted tomato;

ul・li、ol・li

ul・li

  • HTMLの基礎
  • CSSの基礎
  • デザインの基礎

ol・li

  1. HTMLの基礎
  2. CSSの基礎
  3. デザインの基礎

入れ子

入れ子外は灰色でテキストを表示

入れ子内は青色でテキストを表示

入れ子外は灰色でテキストを表示

入れ子内は橙色でテキストを表示

.blueのついたh2タグ

.blueのついたpタグ

ここを黄色にします

半角スペースで区切ります

id・classを同時に記述する

id・classの優先順位