img
白 クリーム 黄色 淡い緑 水色 淡い青紫 淡いグレー グレー 黒 茶 赤 濃いピンク ピンク

テーブルの装飾


テーブルを装飾する

  ie6 nn7 op8

テーブルにスタイルを設定すると枠線を装飾することができます。

■ テーブルに枠と色を付ける

<table style="border:枠の太さ 枠線の種類 枠の色名;">
<tr>
<td>テーブル内に表示する文字</td>
</tr>
</table>

例:
通常のテーブル

例:
テーブルの枠を装飾
例:
<table style="border:1px solid #ff9999;">
<tr>
<td>テーブルの枠を装飾</td>
</tr>
</table>



ページ全体のテーブルに適用させるには下記を<head></head>内に入れてください。




■ 枠線の種類

枠線の種類は下記のように変更できます。

border:3px solid #9999ff
border:3px dashed #9999ff
border:3px double #9999ff
border:3px dotted #9999ff
border:4px groove #999999
border:4px ridge #999999
border:4px inset #999999
border:4px outset #999999


■ テーブルとセルのボーダー



セルの枠線については テーブル→セルの枠を装飾 を参照して下さい。