小编May*_*May的帖子

我使用过表但从未使用过CSS的做事方式.现在我有一个包含3行和2列的数据表.有人可以解释我如何用CSS DIV做到这一点,最重要的是我想知道CSS是否是这样做的方式和有什么限制.

我已经尝试了很多组合,但我似乎无法在所有单元格和表格周围获得简单的1px边框.这就是我所拥有的:

table.admin    { border-collapse:collapse; }
table.admin,
table.admin td,
table.admin th { border: 1px solid #BBB; padding: 5px; }
table.admin td { text-align:left; }
table.admin th {background-color: #BBB; font-weight: 400; }

<table class="admin">
    <tbody>
  <tr>
    <th>Row</th><th>Row</th>
  </tr>
  <tr>
    <td>abc</td><td>abc</td>
  </tr>
      <tr>
    <td>abc</td><td>abc</td>
  </tr>
</tbody>
</table>

它看起来很简单但是我得到的是一个表格,其中每一行的底边都是2px.

我在小提琴中尝试过它看起来很好但不在我的页面上.我完全感到困惑,因为每行底部仍然有这个2px边框.我只是不明白为什么.

有没有人有什么建议？我想要的只是看到具有漂亮的1px边框的细胞,每个细胞周围看起来都是一样的.请注意,它在小提琴中看起来不错,所以为什么不在我的Firefox浏览器中:-(

这是另一个例子.我刚刚加入到我的页面中.我使用了不同的类名,所以我可以确定没有从其他地方继承的东西:

<style>
table.admin2    { border-collapse:collapse; }
table.admin2,
table.admin2 td,
table.admin2 th { border: 1px solid #BBB; padding: 5px; }
table.admin2 td { text-align:left; }
table.admin2 th {background-color: #BBB; font-weight: 400; } …