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号
友情链接: 成都网站设计 成都网站制作 成都h5网站建设 网站建设公司 重庆网站建设 企业网站设计 成都网站建设公司 企业网站建设 专业网站设计 外贸网站建设 重庆网站制作 成都网站制作公司 广安网站设计 成都网站建设 网站制作 成都网站建设推广 成都响应式网站建设公司 成都网站制作 成都企业网站设计 成都网站制作 重庆企业网站建设 营销型网站建设