站長資訊網(wǎng)html去掉元素邊框的方法：1、使用style屬性給元素添加“border:none”樣式即可；2、使用style屬性給元素添加“border:0”樣式即可；3、使用style屬性給元素添加“border:transparent”樣式即可。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
方法1：使用style屬性給元素添加“border:none;”樣式
border屬性設(shè)置所有的邊框?qū)傩?，當值為none時，表示對標簽元素不設(shè)置邊框?qū)傩曰蛘呷∠吙驅(qū)傩?，定義無邊框樣式。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> input{ background-color: palevioletred; } </style> </head> <body> <input type="text" value="測試輸入框"/> <br /><br /> <input type="text" value="測試輸入框--無邊框" style="border: none;"/> </body> </html>
效果圖：
方法1：使用style屬性給元素添加“border:0;”樣式
通過將邊框的寬度設(shè)置為0來去除
<input type="text" value="測試輸入框"/> <br /><br /> <input type="text" value="測試輸入框--邊框?qū)挾葹?" style="border: 0;"/>
效果圖：
方法3：使用style屬性給元素添加“border:transparent;”樣式
通過將邊框的樣式設(shè)置為透明色來去除
<input type="text" value="測試輸入框"/> <br /><br /> <input type="text" value="測試輸入框--透明邊框" style="border: 0;"/>
效果圖：
學習視頻分享：css視頻教程、html視頻教程
