テーブル見本

このテーブルのHTMLは

<table width="800">
<tr>
<td>NO</td>
<td>名前</td>
<td>住所</td>
<td>備考</td>
</tr>
<tr>
<td>１</td>
<td>あいうえおか</td>
<td>てとなにぬねのはひふ</td>
<td>いろはにほへと　ちりぬるを</td>
</tr>
<tr>
<td>2</td>
<td>きくけこさし</td>
<td>へほまみむめも</td>
<td>わかよたれそ　つねならむ　うゐのおくやま</td>
</tr>
<tr>
<td>3</td>
<td>すせそたちつ</td>
<td>やゆよわをん</td>
<td>けふこえて　あさきゆめみし　ゑひもせすん</td>
</tr>
</table>

です。

このテーブルで指定しているCSSは

table {
border-collapse: collapse;
width:100% !important;
}
table td {
border: solid 1px #000; /*枠線 実線 1px 黒*/
padding: 3px 5px; /*セル内の余白 上下3px 左右5px*/
}

です。

既存のテーブルサイズは800px ですが、幅に100% !important; を使う事により優先順位が最上位になります。