無料ホームページ作成!CSS・スタイルシート
背景色

無料ホームページ作成!CSS・例
背景色

background-color属性

#RGBで指定

CSS・スタイルシートソース

background-color:#f00;
background-color:#0f0;
background-color:#00f;
 
結果
background-color:#f00;
background-color:#0f0;
background-color:#00f;

#RRGGBBで指定

CSS・スタイルシートソース

background-color:#ff0000;
background-color:#00ff00;
background-color:#0000ff;
 
結果
background-color:#ff0000;
background-color:#00ff00;
background-color:#0000ff;

rgb(R,G,B)で指定

CSS・スタイルシートソース

background-color:rgb(255,0,0);
background-color:rgb(0,255,0);
background-color:rgb(0,0,255);
 
結果
background-color:rgb(255,0,0);
background-color:rgb(0,255,0);
background-color:rgb(0,0,255);

rgb(R%,G%,B%)で指定

CSS・スタイルシートソース

background-color:rgb(100%,0%,0%);
background-color:rgb(0%,100%,0%);
background-color:rgb(0%,0%,100%);
 
結果
background-color:rgb(100%,0%,0%);
background-color:rgb(0%,100%,0%);
background-color:rgb(0%,0%,100%);

色名で指定

CSS・スタイルシートソース

background-color:red;
background-color:lime;
background-color:blue;
 
結果
background-color:red;
background-color:lime;
background-color:blue;

transparentで指定

CSS・スタイルシートソース

background-color:transparent;
 
結果
background-color:transparent;

無料ホームページ作成!メニュー

CSS・スタイルシート・例

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS