背景装飾

10月 112011

ここでは、ホームページの背景の色を変えたり、背景に画像を表示したりする方法を紹介します。

background-color[背景色指定]

背景は色を指定することが出来ます。
CSSで背景色を指定するにはbackground-colorを指定します。

指定可能値	カラーコード(#＋16進数3桁又は #＋16進数6桁), 色名称
[補足]色見本(カラーコード,色名称一覧)

記述例
[例1]赤い背景(上が6桁カラーコード,下が色名称)
background-color:#ff0000;
又は
background-color:red;

[例2]黒い背景(上が6桁カラーコード,下が色名称)
background-color:#000000;
又は
background-color:black;

背景には画像を表示することが出来ます。
CSSで背景には画像を表示するにはbackground-imageを指定します。

指定可能値	画像へのパス(URL)	[補足]絶対パスと相対パス

記述例
[例1]今書いているHTMLと同じフォルダ内にある「stripes.gif」という画像を背景に表示
background-image:url(stripes.gif);