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プロパティ
独学でプログラミングを勉強するのは難しそう、効率的にプログラミングを学びたいという方はオンラインスクールがオススメです。
オンラインスクールを選ぶときのポイント
- 無料体験があること
- 個別サポートがあること
自分にあったスタイルを見つけるために、無料体験のご利用をオススメします。(無料体験後に自分には合わないなと感じたらハッキリ断ってしまって問題ありません。)
個別サポートもプログラミング学習に挫折しないために重要なポイントです。エラーや困った時にすぐに個別対応をしてくれるスクールを利用して下さい。
ここでは3つのオンラインスクールを紹介します。
全て無料体験がありますので、ぜひ自分に合ったスクールを見つけてみて下さい????
1. TechAcademy(テックアカデミー)
2. CodeCamp(コードキャンプ)
3. Treehouse
英語でも良い、英語とプログラミングを同時に勉強したいという方は Treehouse がオススメです。月25ドルで始めることができて、たくさんのプログラミング言語を学ぶことができます。
個別サポートはありませんが、掲示板が充実しています。ほとんどの場合、質問してから30分程度で回答を得ることができます。