0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

要素にボーダー(枠線)をつける

Posted at

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

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

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

style.css
div {
  border-bottom: 1px solod #333;
}
0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?