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;

background-image[背景画像指定]

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

指定可能値 画像へのパス(URL) [補足]絶対パスと相対パス
記述例
[例1]今書いているHTMLと同じフォルダ内にある「stripes.gif」という画像を背景に表示
background-image:url(stripes.gif);

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>