HTML框架/边框/线条赢得';别走开

HTML框架/边框/线条赢得';别走开,html,Html,在我的网站上,我无法消除这些灰线(它们一直围绕着桌子)。当我从编辑器中预览它们时,它们不在那里。我应该提到的是,我对任何代码语言都不精通(甚至不够精通),我只是想更新我公司的网站,使其在视觉上更具吸引力——完全是新手。我已尝试了联机找到的所有选项,包括将表、表行和表数据设置为0。我已将边框颜色设置为#ffffff。我也为所有三层的边界崩溃编写了代码。我已将cellspacing和cellpadding设置为0。我甚至把整张桌子放在一个div中,样式设置边框为0。我就是想不出来。我试着使用CSS,

在我的网站上,我无法消除这些灰线(它们一直围绕着桌子)。当我从编辑器中预览它们时,它们不在那里。我应该提到的是,我对任何代码语言都不精通(甚至不够精通),我只是想更新我公司的网站,使其在视觉上更具吸引力——完全是新手。我已尝试了联机找到的所有选项,包括将表、表行和表数据设置为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>

  • 9V、AAA和AA电池
  • 婴儿浴缸/沐浴者
  • 婴幼儿易溶解 小吃
  • 婴儿/幼儿短袜

使用开发工具,您很容易发现在
/assets/application-0a96c182667ef1f131d00f5eae9248bcc745113f552ab58cd6d8279212de1fad.css中有一个类,它将表格单元格边框设置为
1px solid\e0e0e0e0

table td {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 1em;
    text-align: center;
}
如果要覆盖此行为,但仅限于此表,则可以设置表的class属性:

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

例如,我强烈建议您学习如何使用最喜欢的浏览器的开发工具。

样式表(应用程序-0a96c182667ef1f131d00f5eae9248bcc745113f552ab58cd6d8279212de1fad.css)似乎设置了
表td{border:1px solid"e0e0e0}
。请注意,此样式是在表格单元格上设置的(
)。您可以使用
表td{border:none}
或类似的内容覆盖该定义。谢谢,@ncardeli,我可以看到这一点,但不知道如何在Chrome的DevTool(我使用的浏览器)中进行更改。就像我说的,我是新来的。我没有任何经验,我一直在自学。它不会维护我的更改,所以也许我需要在其他地方进行更改?正如您已经注意到的,您在开发工具中所做的更改不会被保存。要进行更改,您必须编辑CSS文件并添加我在回答中建议的类。您还必须编辑html页面以将
class
属性添加到表中。我看了一下页面,注意到您已经添加了这个类,但是添加了一个分号。删除分号。如果出于任何原因无法编辑CSS文件,则始终可以向页面添加样式标记,该标记将位于该页面的本地。要使用我建议的CSS规则添加标记样式,请在页面头部添加以下内容:
table.no-border td{border:0;}
我取出分号,并在table.no-border td{border:0;}中添加了一行,结果成功了!看到那些台词消失了,真是太高兴了!非常感谢。我感谢你的耐心和与我的牵手--卡莉莎
table.no-border td {
    border: 0;
}