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中怎么设置按钮颜色”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


分享题目:css中怎么设置按钮颜色
分享链接:http://bzwzjz.com/article/jdpsgs.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站制作 定制网站建设多少钱 高端定制网站设计 手机网站制作 成都网站建设推广 高端网站建设 成都网站建设 教育网站设计方案 成都网站建设 企业网站设计 成都网站制作 网站建设开发 定制网站制作 网站设计 成都网站建设公司 成都网站设计公司 广安网站设计 营销型网站建设 营销型网站建设 成都定制网站建设 成都网站建设 成都营销网站建设