方法:1、利用border-style屬性,給button元素添加“border-style:none;”樣式即可;2、利用border-color屬性,給button元素添加“border-color:transparent;”樣式即可。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
html去掉button的邊框
1、利用border-style屬性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button>按鈕元素</button> <button style="border-style: none;">按鈕元素</button> </body> </html>
2、利用border-color屬性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button>按鈕元素</button> <button style="border-color: transparent;">按鈕元素</button> </body> </html>
推薦教程:《html視頻教程》