Html5怎麼取消td邊框

青灯夜游
發布: 2022-06-08 16:58:34
原創
5659 人瀏覽過

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邊框的顏色設為透明即可。

Html5怎麼取消td邊框

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

標籤定義 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邊框

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

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

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

<style>
	td{
		border:none;
	}
</style>
登入後複製

Html5怎麼取消td邊框

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

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

<style>
	td{
		border:0;
	}
</style>
登入後複製

Html5怎麼取消td邊框

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

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

<style>
	td{
		border:transparent;
	}
</style>
登入後複製

Html5怎麼取消td邊框

(學習影片分享:html影片教學css影片教學web前端

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板