這篇文章主要介紹了Html5如何取消td邊框的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇Html5如何取消td邊框文章都會有所收獲，下面我們一起來看看吧。

成都創新互聯專注于中大型企業的成都網站設計、網站制作和網站改版、網站營銷服務，追求商業策劃與數據分析、創意藝術與技術開發的融合，累計客戶近1000家，服務滿意度達97%。幫助廣大客戶順利對接上互聯網浪潮，準確優選出符合自己需要的互聯網運用，我們將一直專注品牌網站建設和互聯網程序開發，在前進的路上，與客戶一起成長！

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>

關于“Html5如何取消td邊框”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“Html5如何取消td邊框”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道。

網站欄目：Html5如何取消td邊框
當前路徑：http://m.2m8n56k.cn/article30/jdceso.html

成都網站建設公司_創新互聯，為您提供網站內鏈、商城網站、標簽優化、、軟件開發、動態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯