2016-09-18 157 views
1

我安装了Wordpress模板,所以表格采用了给定的样式。我设法改变了表格颜色的背景和文字,但我无法删除表格(边框)周围的框架。我发现了很多相关的结果,但是我找不到对我有效的东西(我对CSS没有多少经验)。CSS删除表格的边框

body { 
 
    background: #040404; 
 
} 
 

 
table.photos_table td { 
 
    background-color: #040404 !important; 
 
    color: white !important; 
 
} 
 
table.photos_table { 
 
    border: none !important; 
 
    border-collapse: collapse !important; 
 
}
<table class="photos_table"> 
 
    <tbody> 
 
    <tr> 
 
     <td>food</td> 
 
     <td>drink</td> 
 
    </tr> 
 
    <tr> 
 
     <td>pizza</td> 
 
     <td>soda</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

这是我得到的结果。

Border is still visible

任何建议可能是什么问题?我需要其他选项吗?

+0

看起来你在这里无法复制它?你能否介绍一下如何复制这个问题,以便我们研究它? –

+0

@PraveenKumar如果你想要更好看,这是网站。 www.moiloungebar.gr/φωτογραφίες。你需要更多的信息吗? (不知道你要求什么:S) – marduc812

+0

这将是有益的。 –

回答

2

border是在<tbody>,所以给:

table thead, table tbody, table tfoot {border: none;} 

作品...

preview

+1

非常感谢!我会在2分钟内将您的答案标记为正确! – marduc812

+1

@ marduc812不客气。确保您提供正确的信息供我们调试。在这种情况下,您可以提供该网站。 ':''''''''''''''' –

-1

检查style.css文件中的边框属性。 我假设border已经被分配到style.css文件中的td或tr属性。

这应该解决它。

+0

这是作为答案发布的,但它不会试图回答这个问题。它应该可能是编辑,评论,另一个问题,或者完全删除。 –

+1

首先,我说的不是你的答案吗? 另外,我不允许评论(声望点<50),因此是答案。不管怎么说,我只是想帮助。很好,它的工作 –

+0

你只是假设一些正确的东西,并没有给出正确的答案。 ':)' –