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邊框的顏色設為透明即可。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
<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邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章!