上に th が並ぶシンプルテーブルHTML
<table>
<tbody>
<tr>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
左に th が並ぶシンプルテーブルHTML
<table class="table1">
<tbody>
<tr>
<th></th>
<td></td>
</tr>
<tr>
<th></th>
<td></td>
</tr>
</tbody>
</table>
.table1 {
border-collapse: collapse;
width:100%;
}
.table1 th.t_top {
border-top: #be1309 4px solid;
}
.table1 th {
border-bottom: #e3e3e3 1px dotted;
text-align: left;
padding: 10px;
font-weight: normal;
}
.table1 td.t_top {
border-top: #b3b3b3 4px solid;
}
.table1 td {
border-bottom: #e3e3e3 1px dotted;
text-align: left;
padding: 10px;
}
.table1 tr:hover {
background: #3D80DF;
color: #FFFFFF;
}