Question

grey lines around my table

我无法得到这些灰色线条（它们一直围着桌子）在我的网站上消失。当我从编辑器中预览它们时，它们不在那里。我应该提一下，我对任何代码语言都不熟练（甚至不够），我只是想更新我公司的网站，以便更具视觉吸引力 - 全新手。我已经尝试了我可以在网上找到的每一个选项，包括设置表格，表格行和＆amp;表数据为0.我已将边框颜色设置为#ffffff。我已经为所有三个级别的边界崩溃编码了。我已经将cellspacing和cellpadding设置为0.我甚至将整个表格封装在一个div中，样式设置边框为0.我只是想不出来。我尝试使用CSS，因为网上的一切都说它比表更好，但它没有采用代码。任何人都可以帮我解决这个问题吗？

我的代码如下，但我从项目符号列表中删除了一堆不必要的内容。但是，页面上方和下方有更多内容。

<table>
  <tbody width="100%">
    <tr><td width="50%;" style="text-align:left;">
      <ul>
        <li><span style=" font-size: 18px;">9V, AAA and AA batteries</span>
        </li>
        <li><span style="font-size: 18px;">baby bath tubs/bathers</span></li>  
    </ul></td>
    <td width="50%;" style="text-align:left;" valign="top">
      <ul>
        <li><span style="font-size: 18px;">infant/toddler easy-dissolving 
        snacks</span></li>
        <li><span style="font-size: 18px;">infant/toddler socks</span></li>
      </ul>
    </td>
  </tr>
</tbody>
</table>

Answer 1

使用开发人员工具，您很容易发现/assets/application-0a96c182667ef1f131d00f5eae9248bcc745113f552ab58cd6d8279212de1fad.css中有一个类将表格单元格边框设置为1px solid #e0e0e0

table td {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 1em;
    text-align: center;
}

如果要覆盖此行为，但仅限于此表，则可以设置表的类属性：

<table class="no-border" ...>
...
</table>

并创建一个像这样的新类

table.no-border td {
    border: 0;
}

我强烈建议您学习如何使用自己喜欢的浏览器的开发者工具，例如Chrome Developer Tools。

HTML框架/边框/线条不会消失

1 个答案: