CSS よく使うオーソドックスなテーブルデザイン

ニワデザイン よく使うオーソドックスなテーブルCSS
ニワデザイン よく使うオーソドックスなテーブルCSS
ニワデザイン よく使うオーソドックスなテーブルCSS

HTML

<table width="400" class="table01">
<tr>
<th>ニワデザイン</th>
<td>よく使うオーソドックスなテーブルCSS</td>
</tr>
<tr>
<th>ニワデザイン</th>
<td>よく使うオーソドックスなテーブルCSS</td>
</tr>
<tr>
<th>ニワデザイン</th>
<td>よく使うオーソドックスなテーブルCSS</td>
</tr>
</table>

スタイルシート

.table01 {
border-collapse: collapse;
}

.table01 th,
.table01 td {
border: 1px solid #CCC;
padding: 3px;
}

.table01 th {
text-align: left;
background: #E1E1E1;
font-weight: 400;
}