无法删除表格边框

Question

嘿亲爱的堆栈人，

我试图删除表格的边框，但它没有用。在附加的代码中，你看到它都是内联完成的，这是因为这是一个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;">
	<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>
	<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>
	<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>
	<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>
	<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;">
	<td> <center><h5>Livrare 24-48 ore</h3></center></td>
	<td> <center><h5>Retur produse 14 zile</h5></center></td>
	<td> <center><h5>plata ramburs</center></h5></td>
	<td> <center><h5>garantia Makeblock</center></h5></td>
	<td> <center><h5>transport gratuit peste 990 lei</h5></center></td>
</tr>
</tbody>
</table>
	</div>

Answer 1

这是另一种选择（如果你想避免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>

Answer 2

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

如果浏览器功能问题，那么还要添加border =＆＃34; 0＆＃34;

Answer 3

td是您网站产品页面上边框的原因。如果您的网站上有任何自定义css文件，请添加此

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