站長資訊網(wǎng)在css中，可以通過給元素設置“border:none;”或“border:transparent;”樣式來取消邊框。border屬性用于設置元素的邊框樣式，當值為“none”時定義無邊框樣式，值為“transparent”時定義透明邊框。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css取消邊框的方法：
-
使用
border:none; -
使用
border:transparent;
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> div{ margin: 10px; border: 1px solid red; } div.a1{ border: none; } div.a2{ border: transparent; } </style> </head> <body> <div>測試文本</div> <div class="a1">測試文本</div> <div class="a2">測試文本</div> </body> </html>
效果圖：
說明：
border 簡寫屬性在一個聲明設置所有的邊框屬性。
可以按順序設置如下屬性：
-
border-width
-
border-style
-
border-color
none值：定義無邊框。
transparent值：邊框顏色為透明。
（學習視頻分享：css視頻教程）
