background-colorプロパティの使い方・サンプルコード
Sara
目次
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要素
- <span>：汎用的に使うことができる要素
関連するCSSプロパティ
Subscribe
0 Comments
ABOUT ME
書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。
このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。
独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。
>> 詳しいプロフィールはこちら
このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。
独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。
>> 詳しいプロフィールはこちら
