3種取消方法:1、用“td{border:none}”語句,給td設置無邊框樣式;2、用“td{border:0;}”語句,將td邊框的寬度設置為0;3、用“td{border:transparent;}”語句,將td邊框的顏色設置為透明。
本教程操作環(huán)境:windows7系統(tǒng)、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屬性設置所有的邊框?qū)傩?,當值為none時,表示對標簽元素不設置邊框?qū)傩曰蛘呷∠吙驅(qū)傩裕x無邊框樣式。
<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前端)