1
A
回答
8
無需添加會破壞你的語義額外的標籤,我會建議結合<table>
和<tbody>
與CSS樣式他們:
HTML:
<table id="cow">
<tbody>
<tr><td>Foo</td><td>Bar</td></tr>
<tr><td>Foo</td><td>Bar</td></tr>
<tr><td>Foo</td><td>Bar</td></tr>
</tbody>
</table>
CSS:
#cow {
border: 1px solid #000;
}
#cow tbody {
display: block;
border: 10px solid #ccc;
}
一個替代方法將包裝您的表在包含<div>
元素。然後,您將應用1像素邊框到<div>
和10像素邊框到<table>
。這肯定會起作用,但將是一種較少的語義方法。另一個缺點是,<div>
寬度將默認爲可用的最大寬度,導致比實際表格寬度更大的1像素邊框(請參閱example)。
0
你可以在div標籤中取表格,然後給div標籤1px邊框和內表10px邊框。
0
border-style:double; border-width:thin;
相關問題
- 1. HTML表格邊框
- 2. HTML表格邊框
- 3. css/html表格邊框
- 4. html表格邊框問題
- 5. 帶邊框的Html分頁表(打印)
- 6. 帶邊框的HTML樣式
- 7. 雙邊框CSS表
- 8. 如何使用雙邊框創建HTML/CSS表格?
- 9. 帶有填充和邊框的HTML CSS表格
- 10. 帶邊框摺疊的CSS中的表格邊框顏色
- 11. 帶表格的網格,邊框不使用表格
- 12. HTML表格中的花式邊框
- 13. HTML/CSS中的表格邊框
- 14. JTextpane上的HTML表格頂部邊框
- 15. 重寫HTML表格邊框屬性
- 16. 如何自定義html表格邊框?
- 17. 表格邊框大小 - CSS/HTML
- 18. html製作表格邊框隱形
- 19. 在HTML中設置內表格邊框
- 20. HTML表格CSS邊框問題
- 21. 帶有CSS邊框的表格行之間的空格
- 22. 無表或無表:帶自定義邊角的Html擴展框
- 23. 雙邊框之間沒有空格
- 24. 帶厚邊框的UICollectionView單元格
- 25. CSS表格元素與中間的雙大小邊框
- 26. 在表格的每一行都會出現雙邊框
- 27. 隱藏HTML表格中的單元格邊框
- 28. 帶有邊框的色帶
- 29. 隱藏表格的邊框
- 30. 帶GRIDLINES的HTML/CSS表格