現在地: Home » 初級ホームページ作成講座：目次 » テーブルとセルの背景

テーブルとセルの背景

基本タグ

<table border="0" bgcolor="カラーコード">-簡単に設定

<table border="0" style="background-color : カラーコード;">-スタイルシートで設定（推奨されているのはこっち）

テーブルの背景色

テーブルの背景を #ccff99 に指定する

テーブル 
bgcolor="#c9c9c9"とした場合
<table border="1" cellpadding="0" cellspacing="0" bgcolor="#ccff99">
<tr>
<td>テーブル</td>
</tr>
</table>

スタイルシートで指定した場合
<table border="1" cellpadding="0" cellspacing="0" style="background-color: #ccff99;">
<tr>
<td>テーブル</td>
</tr>
</table>

セルの背景色

セルAとCの背景を #c9c9c9 に指定する

セルA セルB セルC 
bgcolor="#ccff99"とした場合
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#ccff99">セルA</td>
<td>セルB</td>
<td bgcolor="#ccff99">セルC</td>
</tr>
</table>

スタイルシートで指定した場合
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td style="background-color: #ccff99;">セルA</td>
<td>セルB</td>
<td style="background-color: #ccff99;">セルC</td>
</tr>
</table>

▲Top

高性能サーバ

低価格サーバ

無料ホームページスペース