background-colorプロパティの使い方・サンプルコード

background-colorプロパティは、指定した要素の背景色を指定します。
 
 

使用できる値

セレクタ {
　background-color: ここに値を指定
}

使用例

例① キーワードで色を指定する方法

<span>あいうえお</span>

span {
  background-color: yellow;
}

色のキーワード一覧はこちら 
 

例② HEX値で色を指定する方法

<span>あいうえお</span>

span {
  background-color: #ffff00;
}

例③ RGB値で色を指定する方法

<span>あいうえお</span>

span {
  background-color: rgb(255, 255, 0);
}

対応ブラウザ

関連するHTML要素

• <span>：汎用的に使うことができる要素

 
HTML タグ一覧はこちら
 
 

関連するCSSプロパティ

CSS プロパティ一覧はこちら

ABOUT ME

Sara

「わかりやすく・シンプル」をモットーに、スマホアプリ・ウェブアプリの作り方を紹介します。 独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています🙂