Home >Web Front-end >HTML Tutorial >How to remove the border of button in html
Method: 1. Use the border-style attribute to add the "border-style:none;" style to the button element; 2. Use the border-color attribute to add "border-color:transparent" to the button element ;" style is enough.
The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.
htmlRemove the border of the button
1. Use the border-style attribute
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button>按钮元素</button> <button style="border-style: none;">按钮元素</button> </body> </html>
2. Use the border-color attribute
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button>按钮元素</button> <button style="border-color: transparent;">按钮元素</button> </body> </html>
Recommended tutorial: "html video tutorial 》
The above is the detailed content of How to remove the border of button in html. For more information, please follow other related articles on the PHP Chinese website!