要素にボーダー（枠線）をつける

要素にボーダー（枠線）をつけるには、borderプロパティを用います。以下のように、枠線の太さ、種類、色を指定して使用します。

style.css

div {
  border: 5px solod red; /* 太さ 線の種類 色 */
}

上下左右すべてに線を付けたい場合はborderとし、特定の場所にのみ付けたい場合はborder-bottomのように、border-方向とします。
他にborder-top、border-left、border-rightなどがあります。

style.css

div {
  border-bottom: 1px solod #333;
}