Html5怎么取消td邊框

3種取消方法：1、用“td{border:none}”語句，給td設置無邊框樣式；2、用“td{border:0;}”語句，將td邊框的寬度設置為0；3、用“td{border:transparent;}”語句，將td邊框的顏色設置為透明。

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

<td> 標簽定義 HTML 表格中的標準單元格。td 元素中的文本是普通的左對齊文本。

<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前端）