html – 从表格单元格中移除边框

前端之家收集整理的这篇文章主要介绍了html – 从表格单元格中移除边框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道这是一个愚蠢的问题,但我似乎完全忘记了如何做到这一点.

我有一个HTML表,我想删除所有单元格周围的所有边框,以便整个表格上只有一个边框.

我的代码看起来像:

  1. <table border='1' width='500'>
  2. <tr><th><h1>Your Wheelbarrow</h1></th><tr>
  3. <th>Product</th>
  4. <th>Description</th>
  5. <th>Price</th>
  6. <th>Quantity</th>
  7. <th>Total</th>
  8. <th>Delete</th>
  9. </tr>

解决方法

只需折叠表格边框并从表格单元格(td元素)中删除边框.
  1. table {
  2. border:1px solid #CCC;
  3. border-collapse:collapse;
  4. }
  5. td {
  6. border:none;
  7. }

编辑:没有边框崩溃跨浏览器移除表格单元格是不能保证的.

猜你在找的HTML相关文章