テーブル枠線の色

関連リンク

• 色の見本
• テーブル枠線の色
• リンク色を複数設定
• テーブルの説明
• コンテンツ中央配置

Pickup

• 無料 広告収入
• 無料ブログ 比較 宣伝

背景色を利用

テーブル枠線の色は、背景色を利用すると見栄えよく設定できます。

基本形

セル1	セル2
セル3	セル4

<table border="1" cellspacing="1" cellpadding="5" width="500">
<tr><td>セル1</td><td>セル2</td></tr>
<tr><td>セル3</td><td>セル4</td></tr>
</table>
<div class="table">
<table border="0" cellspacing="1" cellpadding="5" width="500">
<tr><td>セル1</td><td>セル2</td></tr>
<tr><td>セル3</td><td>セル4</td></tr>
</table>
</div>

スタイルシート

div.table table { background-color: #800000 }

<div class="table">
<table border="0" cellspacing="1" cellpadding="5" width="500">
<tr><td>セル1</td><td>セル2</td></tr>
<tr><td>セル3</td><td>セル4</td></tr>
</table>
</div>

スタイルシート

div.table table { background-color: #800000 }

td { background-color: #fffff0 }

---

参考：「 bordercolor 」という方法もあります。ただし、規格外なので表示されない環境も多いです。

<table border="" cellspacing="" cellpadding="" bordercolor="#800000">
<tr><td>セル1</td><td>セル2</td></tr>
<tr><td>セル3</td><td>セル4</td></tr>
</table>

※ 表示例も作成しようと思いましたが、エラーがでるのでやめました。