見出し画像

borderプロパティの指定方法

div{
   border-width: 2px;    → 線の太さ
   border-style: solid;  → 線のスタイル
   border-color: red;   → 線の色
}

画像1


上記のCSSコードを一括プロパティにできる

div{
   border: 2px solid red;
}

スマートになります


角丸の方法

div{
   border: 2px solid red;
   border-radius: 10px;   → 角丸
}

画像2



この記事が気に入ったらサポートをしてみませんか?