前言
Buttons 是一个高度可定制的、免费并且开源的按钮 CSS 样式库。
.button是基本样式
一、基本样式
》形状:长方、圆角长方、正方 、圆角正方 、圆(默认,button-rounded,button-pill,button-square,button-box,button-circle)
》颜色:灰、蓝、绿、橙、红、紫、黑(默认、button-primary、button-action、button-highlight、button-caution、button-royal,button-inverse)
》尺寸:微小、小、中、大、超大、巨大、自适(button-tiny、button-small、默认、button-large、button-jumbo、button-giant,button-block)
》文字样式:大写、小写、首字母大写、迷你大写(-uppercase、-lowercase、-capitalize、-caps)
二、带边框与不带边框
》只有边框
》无边框
三、3D按钮
四、突起样式按钮
文章图片
五、带阴影的按钮
六、光晕效果
七、环绕效果
八、下拉菜单
使用的时候需要载入jquery.js和button.js
【buttons.css——可以与bootstrap融合的按钮样式库】转载地址:点击打开链接
推荐阅读
- Bootstrap 5都有什么新功能
- bootstrap 组件之 进度条 滚动监控 旋转加载 消息推送框 组件学习总结
- 前端|bootstrap基础知识(五)--进度条
- bootstrap图片样式
- bootstrap|Bootstrap打造特色进度条
- (转) bootstrap 加载进度条
- Bootstrap|Bootstrap 条纹进度条
- bootstrap-3-基本标签使用类
- Bootstrap|Bootstrap 基本进度条