Html5怎麼取消td邊框

3種取消方法：1、為td元素新增「border:none」無邊框樣式即可，語法「td{border:none}」。 2.為td元素新增“border:0”樣式，語法“td{border:0;}”，將td邊框的寬度設為0即可。 3.為td元素加上“border:transparent”樣式，語法“td{border:transparent;}”，將td邊框的顏色設為透明即可。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr>
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>

那麼怎麼在Html5中取消td邊框？下面介紹幾種方法。

1、為td元素新增「border:none;」樣式

border屬性設定所有的邊框屬性，當值為none時，表示對標籤元素不設定邊框屬性或取消邊框屬性，定義無邊框樣式。

<style>
	td{
		border:none;
	}
</style>

2、為td元素加上「border:0;」樣式

透過將邊框的寬度設為0來去除

<style>
	td{
		border:0;
	}
</style>

3、為td元素加上「border:transparent;」樣式

透過將邊框的樣式設定為透明色來去除

<style>
	td{
		border:transparent;
	}
</style>

（學習影片分享：html影片教學、css影片教學、web前端）

以上是Html5怎麼取消td邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章！