欢迎光临
我们一直在努力

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

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。