这是我的 HTML 代码。
<table cellspacing="0" class="assets_table">
<tbody>
<tr class="table_header"><td>ID</td><td>Title</td><td>Regarding</td><td>Status</td><td>Date</td></tr>
<tr><td>9</td><td>Testing</td><td>hijacked account</td><td></td><td> 4 Jan, 2012</td></tr></tbody>
</table>
这是它的 CSS。
.assets_table{width:100%;border-radius:4px 4px 0 0;border:1px solid #ccc;overflow:hidden}
.assets_table .table_header{background:grey;height:30px;font-weight:bold;padding:0;border-top:1px solid #f9f9f9;}
.assets_table td {padding:5px 10px}
.assets_table tr {border-top:1px solid #ddd;padding:0 10px;}
但是没有 paddings 或 borders 或 border-radius 实际上对 tr
没有任何作用。这是我得到的。 http://pastehtml.com/view/bjmptfulh.html
我已经尝试了所有我能想到的方法,但没有任何效果?我尝试了 display:table
和 display:block
但它只是把表格弄乱了。有什么帮助吗?
最佳答案
我认为您需要将 css 应用于 td 元素,如本文所述:Space between two rows in a table? . 否则你的代码看起来没问题。
关于HTML 表格 css 边框问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8732899/