背景装飾

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

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;

background-image[背景画像指定]

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

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

記述例

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