2016-02-05 147 views
-3

我想在Wordpress网站中隐藏表格的表格边框。我已经想通了,我的主题是将表格边界设置为标准并删除相应的代码行。在Wordpress中隐藏表格边框

我现在的问题是:表格边框仍然可见!有没有人给我一个小费来解决这个问题?

下面是该网站的链接:http://studifutter.com/2732-2/

非常感谢你提前。

最好的问候, 特立独行

按照要求,在这里你可以看到我当前的代码:

<table style="border-color: #ffffff; background-color: #ffffff;" border="none"> 
<tbody> 
<tr> 
<td> 
<h4>Über den Autor</h4> 
</td> 
<td></td> 
</tr> 
<tr> 
<td style="text-align: justify;"><strong>Vorname Nachname</strong> tempor cum 
soluta nobis eleifend option congue 
nihil imperdiet doming id quod 
mazim placerat facer possim assum. 
Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit, sed diam 
nonummy nibh euismod. soluta nobis 
eleifend option liber tempor cum 
solute.</td> 
<td><img class=" wp-image-2548" src="http://studifutter.com/wp-content/uploads/2016/01/Maske-300x225.jpg" alt="Häufiges Phänomen in Asien: Person mit Atemschutz. (Bild 2)" width="251" height="188" /></td> 
</tr> 
</tbody> 
</table> 
+0

我没有发现任何边框 –

+0

我是WordPress的家伙,我可以帮你 –

+0

请看看网站页脚旁边的表格。标题是“Überden Autor”。 – Maverick

回答

1

然后使用:如果你需要隐藏

.entry-content table { 
    border: 0px; 
} 

要删除其边框,您可以在底部添加到您的CSS文件表格的边框TR然后使用:

.entry-content table tr { 
    border: 0px; 
} 

要隐藏TD边框然后使用:

.entry-content table > thead > tr > th, 
.entry-content table > tbody > tr > th, 
.entry-content table > tfoot > tr > th, 
.entry-content table > thead > tr > td, 
.entry-content table > tbody > tr > td, 
.entry-content table > tfoot > tr > td { 
    border: 0px; 
} 
+0

我发现你的桌子上也有边框。如果您根本不需要边框,则可以使用 .entry-content表格* { \t border:0px!important; } – Kcoitk

+0

完美!您的评论中的代码有效。谢谢! – Maverick

+0

请记住,将删除条目内容div中的所有表格边框。我建议你为那些不需要任何边界的表使用特定的类。像.entry-content .table-no-border * {border:0px!important; } – Kcoitk

0

<div class="clearfix entry-content"> 

你有table。如果你需要隐藏表格边框

.entry-content table tr{ 
    border: none; 
}