在 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