アトリエロワ

テーブルhtml・シンプルにコピペ

上に 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;
}

HOME > html+css > テーブルhtml・シンプルにコピペ