Q&A形式で学ぶHTML,CSS講座 VOL 23
■------------------------------------------------------------------------
ホームページ作成 いまさらHTML,CSS講座【Q&A形式で学ぶHTML,CSS講座】
■------------------------------------------------------------------------
■ VOL 23
--------------------------------------------------------------------------
ご購読ありがとう御座います。
--------------------------------------------------------------------------
当メールマガジンでは、ホームページ作成において、必要な知識や、HTML、CSSを
Q&A形式で学ぶ事が出来ます。
■HTML4.01編
--------------------------------------------------------------------------
■ 背景色・背景画像
--------------------------------------------------------------------------
body、table、tr、td、th要素等に背景色を指定するには、bgcolor属性、同じく
背景画像を指定するには、background属性を使います。
但し、いずれも、非推奨要素のため、「backgroundプロパティ」、又は、
bgcolor属性は「background-colorプロパティ」、background属性は「background-
imageプロパティ」で代替指定する事が推奨されています。
参考URL
http://homepagelecture.web.fc2.com/imasara_html/background.htm
--------------------------------------------------------------------------
それでは、以下の問いにチャレンジしてみて下さい。
--------------------------------------------------------------------------
1 <body bgcolor="#eeeeee"></body>
2 <body background="background/back.png"></body>
Q1
上記、1は、ページに背景色(例では薄い灰色)、2は、背景画像を指定しています。
これを、スタイルシートでの指定に変更して下さい。
--------------------------------------------------------------------------
以下、答えになります。
A1
1 <body style="background-color:#eeeeee;"></body>
2 <body style="background-image: url(background/back.png);"></body>
また、background プロパティは、背景色や、背景画像などを、まとめて指定する事も
出来ますので、合わせて下記URLもご参照下さい。
http://homepagelecture.web.fc2.com/imasara_html/back_css.htm
今回は以上です。次回は、ハイパーリンク についてQ&Aを作成します。
お疲れ様でした。
最後までお読み頂き、ありがとう御座います。
本講座は、「いまさらHTML,CSS講座」をベースに作成しています。
先に進みたい方は、以下URLをご参照下さい。
いまさらHTML,CSS講座
http://homepagelecture.web.fc2.com/
ホームページで使えそうな写真素材の配布を開始しました。加工自由のフリー素材
ですので、良かったらお使い下さい。
http://homepagelecture.web.fc2.com/material_index.htm
配信解除はこちら。
http://homepagelecture.web.fc2.com/mail_magazine.htm
感謝!
ウィークリーまぐまぐウィークエンドビジネス増刊の「おすすめメルマガ」コーナーに
掲載して頂きました。(2008/06/26号)
ウィークリーまぐまぐウィークエンドビジネス増刊 バックナンバー
http://official.mag2.com/bizhtml/index.html


![転職なら[en]社会人の転職情報!転職成功者続出 転職なら[en]社会人の転職情報!転職成功者続出](http://kamogawa.mag2.com/bn/recommend/sya.gif)
![派遣のお仕事探しなら[en]派遣のお仕事情報 派遣のお仕事探しなら[en]派遣のお仕事情報](http://kamogawa.mag2.com/bn/recommend/haken.gif)
![アルバイト探しは[en]本気のアルバイト アルバイト探しは[en]本気のアルバイト](http://kamogawa.mag2.com/bn/recommend/baito.gif)
![就職サイトは[en]学生の就職情報 就職サイトは[en]学生の就職情報](http://kamogawa.mag2.com/bn/recommend/gakusei.gif)
![転職なら[en]転職コンサルタントキャリアを活かした転職に! 転職なら[en]転職コンサルタントキャリアを活かした転職に!](http://kamogawa.mag2.com/bn/recommend/consul.gif)