How to change button color by html

This article mainly introduces html how to change the color of the button, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

Html change button color method: 1, to the button element to add "button {background-color: color value}" style to change the button background color; 2, to the element button to add "button {color: color value}" style to change the font color of the button.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

The way html changes the color of the button

1. The method of changing the background color of html

The code is as follows:

Button {background-color: color value}

Set the background color:

Document button {background-color:#FF0000} button

Output result:

2. Html's method of changing the font color of buttons.

The code is as follows:

Button {color: color value}

Set the font color:

Document button {color:#FF0000} button

Output result:

Thank you for reading this article carefully. I hope the article "how to change the color of html button" shared by the editor will be helpful to everyone. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!