無法刪除表格的邊框

我想刪除我的表格的邊框，但沒有奏效。在附加的代碼中，你會發現它全部以內聯方式完成，這是因爲這是一個wordpress php文件，我希望頁面其餘部分的css保持原樣。

所以基本上我需要擺脫中間的酒吧。在此先感謝

<div class="row" style="background-color:#e6e6e6; padding: 50px;"> 
 
<table style="border: none; border-collapse:collapse; border-top-width: 0px; border-top-style: none;"> 
 
<tbody style="border-top-width: 0px; border-top-style: none;"> 
 
<tr style="border-top-width: 0px; border-top-style: none;"> 
 
\t <td style="border-top-width: 0px; border-top-style: none;"> <center><img src="http://makeblockshop.ro/wp-content/uploads/IconsUpload/ic_alarm_black_24dp_2x.png"></center></td> 
 
\t <td style="border-top-width: 0px; border-top-style: none;"> <center><img src="http://makeblockshop.ro/wp-content/uploads/IconsUpload/ic_reply_black_24dp_2x.png"></center></td> 
 
\t <td style="border-top-width: 0px; border-top-style: none;"> <center><img src="http://makeblockshop.ro/wp-content/uploads/IconsUpload/ic_attach_money_black_24dp_2x.png"></center></td> 
 
\t <td style="border-top-width: 0px; border-top-style: none;"> <center><img src="http://makeblockshop.ro/wp-content/uploads/IconsUpload/ic_settings_black_24dp_2x.png"</center></td> 
 
\t <td style="border-top-width: 0px; border-top-style: none;"> <center><img src="http://makeblockshop.ro/wp-content/uploads/IconsUpload/ic_airplanemode_active_black_24dp_2x.png"></center></td> 
 
</tr> 
 
<tr style="border-top-width: 0px; border-top-style: none;"> 
 
\t <td> <center><h5>Livrare 24-48 ore</h3></center></td> 
 
\t <td> <center><h5>Retur produse 14 zile</h5></center></td> 
 
\t <td> <center><h5>plata ramburs</center></h5></td> 
 
\t <td> <center><h5>garantia Makeblock</center></h5></td> 
 
\t <td> <center><h5>transport gratuit peste 990 lei</h5></center></td> 
 
</tr> 
 
</tbody> 
 
</table> 
 
\t </div>

來源

2017-03-07 Michael de Borst

它已經在你的榜樣刪除嗎？ – Slime

你使用什麼瀏覽器？ – Wulf

停止使用'

'元素。它不再存在。也不要使用表格進行佈局;用於表格數據的表格。使用CSS進行佈局。 – j08691

這裏的替代方案（如果你想避免table標記）。

.icon-block { 
 
    display: flex; 
 
} 
 

 
.icon-block span { 
 
    margin: 0 auto; 
 
    text-align: center; 
 
}

<div class="icon-block"> 
 
    <span> 
 
    <img src="http://makeblockshop.ro/wp-content/uploads/IconsUpload/ic_alarm_black_24dp_2x.png"/> 
 
    <p>Livrare 24-48 ore</p> 
 
    </span> 
 

 
    <span> 
 
    <img src="http://makeblockshop.ro/wp-content/uploads/IconsUpload/ic_reply_black_24dp_2x.png"/> 
 
    <p>Retur produse 14 zile</p> 
 
    </span> 
 

 
    <span> 
 
    <img src="http://makeblockshop.ro/wp-content/uploads/IconsUpload/ic_attach_money_black_24dp_2x.png"/> 
 
    <p>plata ramburs</p> 
 
    </span> 
 

 
    <span> 
 
    <img src="http://makeblockshop.ro/wp-content/uploads/IconsUpload/ic_settings_black_24dp_2x.png"/> 
 
    <p>garantia Makeblock</p> 
 
    </span> 
 
    
 
    <span> 
 
    <img src="http://makeblockshop.ro/wp-content/uploads/IconsUpload/ic_airplanemode_active_black_24dp_2x.png"/> 
 
    <p>transport gratuit peste 990 lei</p> 
 
    </span> 
 
</div>

來源

2017-03-07 17:43:11 thekodester

感謝幫助！ –

TD是您網站上的網頁produc該邊框的原因。如果您對您的網站的任何自定義的CSS文件，然後添加此

.woocommerce div.product table tr td{ 
    border:none; 
}

來源

2017-03-07 17:46:57

<table border="0" style="border: none; border-collapse:collapse; border- top-width: 0px; border-top-style: none;"> 
<tbody>

如果瀏覽器能力的問題，那麼還可以添加邊框=「0」

來源

2017-03-07 18:10:32

無法刪除表格的邊框

回答

相關問題