buttons.css——可以与bootstrap融合的按钮样式库
2015-11-10 16:09
621 查看
前言
Buttons 是一个高度可定制的、免费并且开源的按钮 CSS 样式库。
.button是基本样式
》颜色:灰、蓝、绿、橙、红、紫、黑(默认、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)
》无边框
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="js/button.js"></script>
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<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="js/button.js"></script>
相关文章推荐
- 04 bootstrap "模态框跳转到当前模板页面, 框消失了, 而背景依然存在问题"
- BootStrap学习(6)_模态框
- [bootstrap] bootstrap 简介和相关网址
- BootStrap学习(5)_多媒体对象&列表组
- Bootstrap按钮
- 使用 Bootstrap 快速开发网站和 Web 应用程序
- bootstrap在线模板
- bootstrap如何把表单select input button弄在一行
- Sublime text代码补全插件(支持Javascript、JQuery、Bootstrap框架)
- bootstrap估计和bootstrap估计的Monte Carlo近似
- Bootstrap初级用户谈谈网页在手机上的显示效果优化
- django1.8引用bootstrap创建响应式登录界面
- 关于bootstrap小图标的使用
- bootstrap
- 在JSP中使用BootStrap
- 【新技术,学习、商业均可】HTML5 全新高大尚后台 bootstrap springmvc mybatis java企业级通框架源码入门
- 结合LayoutIt学习Bootstrap的探索
- fh admin bootstrap 模版下载 框架 源码 SpringMVC mybatis or hibernate
- [bootstrap] 实用的bootstrap模版下载
- 编译Bootstrap,定制自己的模板。