How to set the button background color by css

This article mainly shows you "css how to set button background color", the content is easy to understand, clear, hope to help you solve doubts, the following let the editor lead you to study and learn "css how to set button background color" this article.

In css, you can use the "background-color" attribute to set the button background color, which is used to set the background color of the element, simply by adding the "background-color: color value;" style to the button element.

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

In css, you can use the background-color property to set the background color of the button, and the background-color attribute is used to set the background color of the element.

Let's take a look at the specific operation through an example, as follows:

Button {outline: 0;}. El-button {padding: 0 24px; border: 1px solid # 1E9FFF; font-size: 14px; color: # 1E9FFF; line-height: 26px; border-radius: 4px; cursor: pointer } button

Output result:

At this point, the background color of the button is gray, so we just need to add "background-color: color value;" to the button element to set the background color of the button.

Examples are as follows:

Button {outline: 0;}. El-button {padding: 0 24px; border: 1px solid # 1E9FFF; font-size: 14px; color:# 1E9FFF; line-height: 26px; border-radius: 4px; cursor: pointer; background-color:#ffffff } button

Output result:

The above is all the content of the article "how to set the button background color in css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!