樣式class1使用後沒反應，代碼如下
<style type="text/css">
#city th{
background-color: darkcyan;
}
#city tfoot td{
background-color: darkgrey;
}
#city{
border-collapse: collapse;/*設置表格的邊框合並為一個單一的邊框*/
/*border: 1px solid salmon;*/
}
#city th,td{
border: 1px solid salmon;
}
.class1{
border-bottom: 1px solid darkseagreen;
}
</style>
</head>
<body>
<table width="400px" id="city" >
<caption>首都</caption>
<thead>
<tr>
<th>北京</th>
<th>北京</th>
<th>北京</th>
</tr>
</thead>
<tr class="class1">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="class1">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tfoot>
<tr><td colspan="3">以上資料純屬虛假</td></tr>
</tfoot>
</table>
</body>
</html>
tr.class1 td {
border-bottom: 1px solid darkseagreen;
}
