プログラミング

background-colorで背景色を指定する【CSS】

background-colorは要素の背景色を指定するプロパティです。

{background-color: 色;}

background-colorプロパティで色を指定するときは、キーワードやカラーコードを使って指定します。

以下の例では、background-colorプロパティで背景の色をオレンジに指定しています。

背景の色をオレンジにしています。背景の色をオレンジにしています。背景の色をオレンジにしています。背景の色をオレンジにしています。
<div style=”background-color:orange;”>
背景の色をオレンジにしています。背景の色をオレンジにしています。背景の色をオレンジにしています。背景の色をオレンジにしています。
</div>

色の指定に関しては、『CSSの色の指定方法まとめ!RGBモデルやHSLモデル【CSS】』の記事に書いています。

また、背景の色を指定するときは文字の色を考えて指定すること。

文字の色とのコントラストが弱いすぎると、視認性が低下してしまい、読みにくくなります。

1 Comment

Leave a Comment