テーブルの罫線の見え方を変える手法について紹介します。

テーブルの枠線を消す方法

ソースの例

<table width=”600″ border=”0″ cellspacing=”0″ cellpadding=”10″>
<tr>
<td>テスト</td>
<td>テスト</td>
<td>テスト</td>
</tr>
<tr>
<td>テスト</td>
<td>テスト</td>
<td>テスト</td>
</tr>
</table>

borderとcellspacingを0にするのがキーポイントです。
本当はテーブルタグにCSSのプロパティを設定するのが良いでしょう。

テーブルの枠線を太さ1ポイントにする方法

ソースの例

<table width=”600″ border=”0″ cellspacing=”1″ cellpadding=”10″ bgcolor=”#33FF66″>
<tr>
<td bgcolor=”#FFFFFF”>テスト</td>
<td bgcolor=”#FFFFFF”>テスト</td>
<td bgcolor=”#FFFFFF”>テスト</td>
</tr>
<tr>
<td bgcolor=”#FFFFFF”>テスト</td>
<td bgcolor=”#FFFFFF”>テスト</td>
<td bgcolor=”#FFFFFF”>テスト</td>
</tr>
</table>

bgcolorで色を変更できます。

広告

関連コンテンツ