全て
| カテゴリ未分類
| HTML文字画像リンク
| HTMLタグ（テーブル）
| HTML（応用編）
| 楽天で購入した商品
| スポーツ,アウトドア,車,バイク
| 心緒
| インテリア,ライト,収納,ベビー,キッズ
| アフィリエイト入門編
| TV・オーディオ・カメラ
| 自己管理,美容,インナー
| DVD,CD,本,旅,楽器
| 生活,美容,健康,家電
| 金運アップ,風水,自己トレ
| ユーザービリティとSEO
| 楽天市場のPR
| アフィリエイト
| 音楽
| 食品,グルメ,飲料
| ダイエット,健康,食品
| 園芸,DIY,ペット,おもちゃゲーム
| 日用品雑貨,キッチン用品,寝具
| パソコン・周辺機器
| ファッション,ジュエリー,アクセサリー,靴
| 防災,介護,医療
| ブランド雑貨,時計
| 酒場放浪記
| 天気気象予報
| 気になる動画
| 最近チェックした商品
| 血圧測定
| 気になるニュース
| 人生の名言集
2006.07.18
テーマ： ホームページ作成の悩み(550)
カテゴリ： HTMLタグ（テーブル）
・テーブルをつかう
前回は、テーブル内のヨコ位置を指定する方法を学びました。
今回は、テーブルに色をつける方法を学んでいきましょう。
この属性は「 table 」はもちろん、「 tr 」「 td 」にも設定できます。
たとえばこの例をみてください。
このように好きな部分に色をつけていくことができます。
たとえば、マス目のなかの色を全部変えて、枠だけ目立たせるとか。
いろいろ応用ができます。
次回はテーブルの枠部分だけに色をつける方法です。
前回は、テーブル内のヨコ位置を指定する方法を学びました。
今回は、テーブルに色をつける方法を学んでいきましょう。
テーブルに色をつけるときは、「 bgcolor
」属性をつかいます。
この属性は「 table 」はもちろん、「 tr 」「 td 」にも設定できます。
たとえばこの例をみてください。
まずは「 table
」に色を設定：
●
○
□
■
→
（「<table border="1" bgcolor="#ffcc99"
>
<tr><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力）
<tr><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力）
さらに「 tr
」に色を設定：
●
○
□
■
→
（「<table border="1" bgcolor="#ffcc99"
>
<tr bgcolor="#ff9999" ><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力）
<tr bgcolor="#ff9999" ><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力）
さらに「 td
」に色を設定：
●
○
□
■
→
（「<table border="1" bgcolor="#ffcc99"
>
<tr bgcolor="#ff9999" ><td>●</td><td>○</td></tr>
<tr><td bgcolor="#ff9933" >□</td><td>■</td></tr>
</table>」と入力）
<tr bgcolor="#ff9999" ><td>●</td><td>○</td></tr>
<tr><td bgcolor="#ff9933" >□</td><td>■</td></tr>
</table>」と入力）
このように好きな部分に色をつけていくことができます。
たとえば、マス目のなかの色を全部変えて、枠だけ目立たせるとか。
いろいろ応用ができます。
次回はテーブルの枠部分だけに色をつける方法です。
お気に入りの記事を「いいね！」で応援しよう
Last updated
2008.12.21 08:15:03
[HTMLタグ（テーブル）] カテゴリの最新記事
-
楽天広場HTML講座 マス目をタテにつなげる 2007.02.18
-
楽天広場HTML講座 マス目をヨコにつなげる 2007.02.15
-
飾り枠（一覧）・・・ 2006.11.10
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
