最近のエントリ
Yahoo! JAPANの検索結果で上位表示させるために有効な、最も簡単な方法。
- やっぱりFC2 ブログは使いやすい

- 表の大きさ (10/01)
- セルの余白 (09/29)
- 背景・背景画像 (08/25)
- 罫線 (08/05)
- CAPTION キャプション 表題 (07/03)
- TABLE 基本構造 (05/28)
- フレーム リンク ウィンドウの制御 (04/27)
- インラインフレーム (03/25)
- フレーム ページを分割して表示する。 (03/05)
- イメージ(img)要素で画像をページに指定します。 (02/27)
- リスト List 作成 (02/21)
- ハイパーリンク リンクの指定方法 (02/20)
- 背景色、背景画像を指定する (02/13)
- フォントカラー FONT COLOR を指定する要素 (02/12)
- フォントサイズ FONT SIZE を変更する (02/06)
- フォントを装飾する要素 (01/25)
- 改行と区切り線 (01/23)
- span要素とcenter要素 (01/17)
- ブロックレベル要素 div要素 (01/15)
- 段落 p要素 (01/11)
- 見出し要素 (01/09)
- スタイルシートで、ページ全体の基本指定をする方法 (01/08)
- BODY要素にページ全体の基本指定をする方法 (01/08)
- META要素 (12/31)
- DOCTYPE宣言 (11/28)
- HTMLの基本構造 (11/22)
- インライン要素とは (11/21)
- ブロックレベル要素とは (11/19)
- ブロックレベル要素とインライン要素 (11/19)
- 相対指定と絶対指定 (11/19)
背景・背景画像
2008.08.25 (Mon) / HTML CSS 講座
table要素、tr要素、th、td要素において、背景色を指定するには「bgcolor属性」を用い、背景画像を指定するには、「background属性」を用います。
それぞれ、table要素に指定すると、表全体に、tr要素に指定すると、tr要素で囲まれた行全体に、th要素または、td要素に指定すると、各セルに背景色を指定することができます。
参考URL
http://homepagelecture.web.fc2.com/imasara_html/table_back.htm
Q1
<table>
<tr bgcolor="#cdcdcd">
<td>1972</td>
<td>1973</td>
<td>1974</td>
</tr>
</table>
上記は行全体に背景色(薄い灰色「#cdcdcd」)を指定しています。
これを「1973」のテキストが記述された「セル」のみに同色の背景色を指定するように記述を変更して下さい。
Q2
<table background="sampleback.gif">
<tr>
<td>1972</td>
<td>1973</td>
<td>1974</td>
</tr>
</table>
上記は表全体に背景画像を指定しています。
これを「行全体」背景画像を指定するように記述を変更して下さい。
Q3
Q1の背景色、Q2の背景画像の指定を、それぞれスタイルシートで代替指定して下さい。
【The Answer clicks this.】
それぞれ、table要素に指定すると、表全体に、tr要素に指定すると、tr要素で囲まれた行全体に、th要素または、td要素に指定すると、各セルに背景色を指定することができます。
参考URL
http://homepagelecture.web.fc2.com/imasara_html/table_back.htm
Q1
<table>
<tr bgcolor="#cdcdcd">
<td>1972</td>
<td>1973</td>
<td>1974</td>
</tr>
</table>
上記は行全体に背景色(薄い灰色「#cdcdcd」)を指定しています。
これを「1973」のテキストが記述された「セル」のみに同色の背景色を指定するように記述を変更して下さい。
Q2
<table background="sampleback.gif">
<tr>
<td>1972</td>
<td>1973</td>
<td>1974</td>
</tr>
</table>
上記は表全体に背景画像を指定しています。
これを「行全体」背景画像を指定するように記述を変更して下さい。
Q3
Q1の背景色、Q2の背景画像の指定を、それぞれスタイルシートで代替指定して下さい。
【The Answer clicks this.】
copyright © ホームページ作成講座 HTML CSS all rights reserved.