css中怎么设置按钮颜色

这篇文章主要介绍css中怎么设置按钮颜色，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

目前创新互联已为上千家的企业提供了网站建设、域名、虚拟主机、网站托管、企业网站设计、防城港网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

基本按钮样式

实例

.button {

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

border: none;

color: white;

padding: 15px 32px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 16px;

}

按钮颜色

我们可以使用 background-color 属性来设置按钮颜色:

实例

.button1 {background-color: #4CAF50;} /* 绿色 */

.button2 {background-color: #008CBA;} /* 蓝色 */

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

.button4 {background-color: #e7e7e7; color: black;} /* 灰色 */

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

以上是“css中怎么设置按钮颜色”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！