無料ホームページ作成！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;