フォント レイアウト リンク・画像 テーブル リスト ページ 特殊文字 小技・雑学
カラーコード お薦めサイト ホーム HP作成ソフト HP作成法

トップページ > テーブルタグ > 表内に色をつける

テーブル全体に色を付ける。
<Table Border Bgcolor="背景の色">
   
  

<Table Border BgColor="#d5eaff">
<Tr>
<Td></Td><Td></Td>
</Tr>
<Tr>
<Td></Td><Td></Td>
</Tr>
</Table>


セルごとに色を付ける。
<Td Bgcolor="セルの背景の色">
   
  

<Table Border>
<Tr>
<Td BgColor="#ffd5ea"></Td><Td BgColor="#d5eaff"></Td>
</Tr>
<Tr>
<Td BgColor="#ead5ff"></Td><Td BgColor="#ffffd5"></Td>
</Tr>
</Table>


行ごとに色を付ける。
<Tr Bgcolor="行の背景の色">
   
   

<Table Border>
<Tr BgColor="#d5eaff">
<Td></Td><Td></Td>
</Tr>
<Tr BgColor="#ffffd5">
<Td></Td><Td></Td>
</Tr>
</Table>


背景を表示する
<Table Border Background="画像URL">
   
   

<Table Border Background="tree_a2.gif">
<Tr>
<Td></Td><Td></Td><Td></Td>
</Tr>
<Tr>
<Td></Td><Td></Td><Td></Td>
</Tr>
</Table>


Bgcolorを使ったほそ〜い線のテーブル(おまけ)
<Table Bgcolor="線の色" Cellspacing="1">と、
<Td bgcolor="white">〜</Td>
で、このようなスッキリしたテーブルを書くことも出来ます。
  
  

<Table Bgcolor="black" Cellspacing="1" width="300">
<Tr>
<Td bgcolor="white"></Td><Td bgcolor="white"></Td>
</Tr>
<Tr>
<Td bgcolor="white"></Td><Td bgcolor="white"></Td>
</Tr>
</Table>
トップページタグ実験場リンクについて免責事項メール
Copyright © 2001-2006 YukiProduction. All Rights Reserved.
全ページリンクフリー
since03/06/01