Bootstrap按钮颜色属性有哪些,代码是什么?

在 Bootstrap框架中,按钮是一个核心要素。因为在Web的制作中,按钮是必不可少的。而且,每个网页的按钮样式都不一样,甚至可以说,同一网页或应用的按钮样式也是多种多样的,例如按钮的颜色、大小、状态等等。下面给大家分享一下bootstrap按钮颜色属性有哪些。

bootstrap按钮长用的颜色属性有7种,分别是深蓝色,浅蓝色,红色,绿色,黄色,黑色,白色,对应的class分别为:

btn btn-info(深蓝色)

btn btn-primary(浅蓝色)

btn btn-danger(红色)

btn btn-success(绿色)

btn btn-warning(黄色)

btn btn-inverse(黑色)

btn(白色)

下面是本站正在使用的部分按钮代码文本,大家可以作为参考

<h3><span style="font-size: 21px;"><strong> 下载地址:</strong></span></h3>
<h1>  <a class="btn btn-primary" href="链接地址" target="_blank" rel="noopener"><span style="font-size: 20px;"><strong>按钮名称</strong></span></a>      <a class="btn btn-success" href="链接地址" target="_blank" rel="noopener"><span style="font-size: 20px;"><strong>按钮名称</strong></span></a></h1>
<h1>  <a class="btn btn-info" href="链接地址" target="_blank" rel="noopener"><span style="font-size: 20px;"><strong>按钮名称</strong></span></a>      <a class="btn btn-warning" href="链接地址" target="_blank" rel="noopener"><span style="font-size: 20px;"><strong>按钮名称</strong></span></a></h1>
<h1>  <a class="btn btn-danger" href="链接地址" target="_blank" rel="noopener"><span style="font-size: 20px;"><strong>按钮名称</strong></span></a>      <a class="btn btn-inverse" href="链接地址" target="_blank" rel="noopener"><span style="font-size: 20px;"><strong>按钮名称</strong></span></a></h1>

 按钮的展示效果如下:

  艺本书网      技术博客

  网站建设      智能家居

  网站源码      科技资讯

原创文章,如若转载,请注明出处:https://www.yibshu.com/article/2161.html

(1)
上一篇 2022年1月18日 13:32
下一篇 2022年3月5日 13:58

猜你喜欢

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注