站長資訊網(wǎng)在css中，可以通過給元素設(shè)置“border:none;”或“border:transparent;”樣式來取消邊框。border屬性用于設(shè)置元素的邊框樣式，當(dāng)值為“none”時(shí)定義無邊框樣式，值為“transparent”時(shí)定義透明邊框。
本教程操作環(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 簡寫屬性在一個(gè)聲明設(shè)置所有的邊框?qū)傩浴?/p>
可以按順序設(shè)置如下屬性：
-
border-width
-
border-style
-
border-color
none值：定義無邊框。
transparent值：邊框顏色為透明。
（學(xué)習(xí)視頻分享：css視頻教程）
