TOP ＞ スタイルシートで背景をデザイン ＞ 背景の色をcssで設定する。
背景の色をcssで設定する。
HTMLでも「bgcolor」プロパティで背景色を設定することが出来ます。 もちろんcss/スタイルシートでも背景色を自由に設定することが出来ます。
「background-color」 プロパティを利用することで、各要素の背景色を指定します。
”スタイルシートで色の指定をする。” で紹介したように、 値はrgb値(#ff0000等)かキーワード（red等）で指定します。
背景の色をcssで設定する。
【書き方】
background-color : [ #rrggbb | #rgb | rgb(r,g,b) | rgb(r%,g%,b%) | キーワード ] ;
"背景の色をcssで設定する。"のサンプルはコチラをクリック
- サンプルページのコードは以下の通りです。
|
【スタイルシート】 .c1{background-color: #ff0000; color: #ffffff;} .c2{background-color: green; color: white;} 【HTML本文】 <html> <head> <title>背景の色をcssで設定するのサンプル</title> <meta http-equiv="content-type" content="text/html"> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" href="http://www.1css.net/sample/301.css" type="text/css"> </head> <body bgcolor="#bbffff"> <p>以下、<p>要素で指定している文章の背景色をcssで設定しています。</p> <p class="c1">まずこの段落では背景色を赤色、文字色を白色にしています。</p> <p class="c1">ブロック要素でなく、<span class="c2">インライン要素</span>にも背景色を指定できるのが、css/スタイルシートの強みです。</p> </body> </html> |
[
スタイルシートで背景をデザイン ]
