3種取消方法:1、用“td{border:none}”語(yǔ)句,給td設(shè)置無(wú)邊框樣式;2、用“td{border:0;}”語(yǔ)句,將td邊框的寬度設(shè)置為0;3、用“td{border:transparent;}”語(yǔ)句,將td邊框的顏色設(shè)置為透明。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
<td> 標(biāo)簽定義 HTML 表格中的標(biāo)準(zhǔn)單元格。td 元素中的文本是普通的左對(duì)齊文本。
<table border="1"> <tr> <th>商品</th> <th>價(jià)格</th> </tr> <tr> <td>T恤</td> <td>¥100</td> </tr> <tr> <td>牛仔褂</td> <td>¥250</td> </tr> <tr> <td>牛仔庫(kù)</td> <td>¥150</td> </tr> </table>
那么怎么在Html5中取消td邊框呢?下面介紹幾種方法。
1、給td元素添加“border:none;”樣式
border屬性設(shè)置所有的邊框?qū)傩?,?dāng)值為none時(shí),表示對(duì)標(biāo)簽元素不設(shè)置邊框?qū)傩曰蛘呷∠吙驅(qū)傩?,定義無(wú)邊框樣式。
<style> td{ border:none; } </style>
2、給td元素添加“border:0;”樣式
通過(guò)將邊框的寬度設(shè)置為0來(lái)去除
<style> td{ border:0; } </style>
3、給td元素添加“border:transparent;”樣式
通過(guò)將邊框的樣式設(shè)置為透明色來(lái)去除
<style> td{ border:transparent; } </style>
(學(xué)習(xí)視頻分享:html視頻教程、css視頻教程、web前端)