フォント レイアウト リンク･画像 テーブル リスト ページ 特殊文字 小技・雑学
カラーコード お薦めサイト ホーム 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