テーブルの罫線の見え方を変える手法について紹介します。
テーブルの枠線を消す方法
ソースの例
<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で色を変更できます。
広告
関連コンテンツ
