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

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

HTML

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

スタイルシート

.table03 {
border: 1px solid #666;
}

.table03 th {
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
background: #DFE3E6;
padding: 3px;
}

.table03 td {
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
background: #F3F3F3;
padding: 3px;
}