リファレンス

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

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

使用できる値

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

 

transparent(初期値)透明
色の指定キーワード, HEX形式, RGB形式などで色を指定します。

 
 

使用例

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

HTML
<span>あいうえお</span>
CSS
span {
  background-color: yellow;
}
実行結果
あいうえお

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

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

HTML
<span>あいうえお</span>
CSS
span {
  background-color: #ffff00;
}
実行結果
あいうえお

 

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

HTML
<span>あいうえお</span>
CSS
span {
  background-color: rgb(255, 255, 0);
}
実行結果
あいうえお

 
 

対応ブラウザ

 
 

関連するHTML要素

 
HTML タグ一覧はこちら
 
 

関連するCSSプロパティ

 

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

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