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

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

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

我的代码看起来像:

<table border='1' width='500'>
  <tr><th><h1>Your Wheelbarrow</h1></th><tr>
    <th>Product</th>
    <th>Description</th>
    <th>Price</th>
    <th>Quantity</th>
    <th>Total</th>
    <th>Delete</th>
  </tr>

解决方法

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

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

原文链接:https://www.f2er.com/html/231464.html

猜你在找的HTML相关文章