CSS　シンプルなテーブルデザイン

ニワデザイン シンプルなテーブルCSS
ニワデザイン シンプルなテーブルCSS
ニワデザイン シンプルなテーブルCSS

HTML

<table width="400" class="table02">
<tr>
<th>ニワデザイン</th>
<td>シンプルなテーブルCSS</td>
</tr>
<tr>
<th>ニワデザイン</th>
<td>シンプルなテーブルCSS</td>
</tr>
<tr>
<th>ニワデザイン</th>
<td>シンプルなテーブルCSS</td>
</tr>
</table>

スタイルシート

.table02 th,
.table02 td {
border-bottom: 1px dotted #CCC;
padding: 3px;
}

.table02 th {
text-align: left;
}