我有這樣的一個表:CSS外表格邊框
<table>
<caption>Caption:</caption>
<thead>
<tr>
<td style="width: 65%;">A</td>
<td class="center" style="width: 5%;">B</td>
<td style="width: 15%;">C</td>
<td style="width: 15%;">D</td>
</tr>
</thead>
<tbody>
<tr>
<td >aaa</td>
<td>bbb</td>
<td>ccc</td>
<td>ddd</td>
</tr>
</tbody>
</table>
使用樣式是這樣的:
table {
width: 100%;
margin-top: 1em;
border-collapse: collapse;
border: 1px solid #111;
}
table th, table td {
vertical-align: middle;
}
table td {
border: 1px solid #888;
padding: .2em .4em;
}
我所試圖實現的是在表格周圍有一個不同於表格邊框的邊框。
我希望外邊框比內邊框(#888)更暗(#222)。