borderとは？

HTML要素の枠線のことです。

borderの使い方

border: solid;

これで枠線が出ます。

border: solid red;

これで枠線が赤色になります。

border: 2px solid red;

これで枠線が赤色になり、枠線の太さが2pxになります。

borderの種類

solid

1本線で表示される

double

2本線で表示される

dotted

点線で表示されます

＊他にも沢山の種類があります。

要素の下にだけ線を引きたい場合

border-bottom: solid;

＊上下左右指定できます

要素と枠線の間隔を空けたい場合 

border: solid;

padding: 30px;

これで要素と枠線の距離が30px分空きます。

最後に

ざっくりとborderの使い方をまとめてみました。

もっと詳しい内容を近々書きたいと思います！