【よく使う】borderの使い方

borderとは?

cssのプロパティです。

borderの太さ・種類・色を指定することができます。

使い方

border: 5px solid #757575;と指定します。

5px=borderの太さです。

solid=borderの種類です。

他にもdottedやdashedなどあります。

#757575=borderの色です。

すると

このように表示されます。

他の使い方

要素の下にだけ線を引きたい時は多いと思います。

その時はborder-bottomを使います。

bottomをtop、right、leftに指定することでそれぞれの方向にのみ線を引くこともできます。

border-bottom: 10px solid #757575と指定します。

すると

このように要素の下にだけ線が引かれます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です