bｇcolor="色名または#番号"

100万ポイント山分け！1日5回検索で1ポイントもらえる

845204

HOME | DIARY | PROFILE

【フォローする】【ログイン】

はじめにお読み下さい

< 新しい記事

新着記事一覧(全2405件)

過去の記事 >

November 5, 2004

(8)

テーマ：趣味の英語(409)

カテゴリ： HP作成用語を英語で検証

bgcolor="色名または#番号" を取り上げます。

「テーブルの背景色」を指定するタグです。

bgcolor の bg は background です。

background 本来の意味：

[可算名詞]（景色　写真　絵　舞台などの）背景，バック
　　　　　（事件などの）背景，背景的な，事前の
　　　　　　素性，学歴，経歴，前歴
　　　　　（模様などの） 地（じ）

background を使った例文：

・a mountain painted in the background
（バックに描かれている山）
・a pink flower pattern on a white background
　（白地にピンクの花模様）
・the historical background of the war
　（その戦争の歴史的背景）
・What's his educational background ?
　（彼の学歴は何ですか？）
・ background music ＝ BGM

bgcolor="色名または#番号" を＜table＞タグの中に入れます。

＜table border="2" bgcolor="pink" width="300"
＞このように入れます＜/td＞＜/tr＞＜/table＞

すると，このように，テーブル内全部がピンクになります

もっとわかりやすいように，テーブル内のセルの数を増やしてやってみましょう。

セル1	セル2
セル3	セル4

こんな風に，枠も，中のセルも全部が指定した色（ピンク）になります。

bgcolor="色名または#番号" を＜td＞タグの中に入れた場合。

＜table border="2" width="300"＞＜tr＞＜td bgcolor="pink" ＞セル1 ＜/td＞＜td＞セル2 ＜/td＞＜/tr＞＜tr＞＜td＞セル3 ＜/td＞＜td＞セル4 ＜/td＞＜/tr＞＜/table＞

セル1	セル2
セル3	セル4

bgcolor="pink" を入れたセル1だけが，指定した色（ピンク）になりました。
(セル1の始まりの＜td＞タグ内に入れました)

各セルごとに色分けすることもできると言うことですね。

bgcolor="色名または#番号" を＜tr＞タグの中に入れた場合。

＜table border="2" width="300"＞＜tr bgcolor="pink" ＞＜td＞セル1 ＜/td＞＜td＞セル2 ＜/td＞＜/tr＞＜tr＞＜td＞セル3 ＜/td＞＜td＞セル4 ＜/td＞＜/tr＞＜/table＞

セル1	セル2
セル3	セル4

今度は横の列（セル1とセル2）が全部，指定した色（ピンク）になりました。
列ごとの色分けもできますね。

さらに，応用編。
background つながりで・・・・
background="画像URL" を＜td＞タグの中に入れると，テーブル（セル）内の背景に画像が入ります。

＜table border="2" width="300" height="200" cellpadding="35"＞＜tr＞＜td background="http://***************.jpg "＞この中の文字の色を変えたいときは，この文字の前後でfontタグを使います＜/td＞＜/tr＞＜/table＞

こんな風に背景に画像が入ります.
文字は画像の色合いに合わせて（見やすいように） LightYellow　にしました。
いかがでしょうか？

*セルが複数あるとき・・・・
background="画像URL" を＜tabel＞タグの中に入れると，テーブル内全体の背景に画像が入ります。

＜table border="2" width="300" height="200" background="http://***************.jpg "＞＜tr＞＜td＞セル1 ＜/td＞＜td＞セル2 ＜/td＞＜/tr＞＜tr＞＜td＞セル3 ＜/td＞＜td＞セル4 ＜/td＞＜/tr＞＜/table＞