HTML框架/边框/线条赢得';别走开
在我的网站上,我无法消除这些灰线(它们一直围绕着桌子)。当我从编辑器中预览它们时,它们不在那里。我应该提到的是,我对任何代码语言都不精通(甚至不够精通),我只是想更新我公司的网站,使其在视觉上更具吸引力——完全是新手。我已尝试了联机找到的所有选项,包括将表、表行和表数据设置为0。我已将边框颜色设置为#ffffff。我也为所有三层的边界崩溃编写了代码。我已将cellspacing和cellpadding设置为0。我甚至把整张桌子放在一个div中,样式设置边框为0。我就是想不出来。我试着使用CSS,因为所有在线的东西都说它比表好,但它没有使用代码。有人能帮我弄清楚吗 下面是我的代码,但我从项目符号列表中删除了一些不必要的内容。不过,页面上有更多的内容,在表格的上方和下方HTML框架/边框/线条赢得';别走开,html,Html,在我的网站上,我无法消除这些灰线(它们一直围绕着桌子)。当我从编辑器中预览它们时,它们不在那里。我应该提到的是,我对任何代码语言都不精通(甚至不够精通),我只是想更新我公司的网站,使其在视觉上更具吸引力——完全是新手。我已尝试了联机找到的所有选项,包括将表、表行和表数据设置为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;
}