Shulou(Shulou.com)06/01 Report--

This article mainly introduces how to set the button color in css, the article is very detailed, has a certain reference value, interested friends must read it!

Basic Button Styl

Case study

.button {

Background-color: # 4CAF50; / * Green * /

Border: none

Color: white

Padding: 15px 32px

Text-align: center

Text-decoration: none

Display: inline-block

Font-size: 16px

}

Button color

We can use the background-color property to set the button color:

Case study

.pragon1 {background-color: # 4CAF50;} / * Green * /

.pragon2 {background-color: # 008CBA;} / * Blue * /

.button3 {background-color: # f44336;} / * Red * /

.pragon4 {background-color: # e7e7e7; color: black;} / * gray * /

.button5 {background-color: # 555555;} / * Black * /

The above is all the contents of the article "how to set Button Color in css". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.