css中怎么设置按钮颜色

发布时间:2022-03-03 09:36:53 作者:小新
来源:亿速云 阅读:461

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

推荐阅读:
  1. css如何设置按钮样式
  2. css中怎么设置字体颜色

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:Python多线程实例分析

下一篇:jsp将图片设置为背景的方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》