BOOTSTRAP基本样式按钮

最新推荐文章于 2023-12-07 14:42:12 发布

gzxiaomei

最新推荐文章于 2023-12-07 14:42:12 发布

阅读量483

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/gzxiaomei/article/details/107077415

版权

HTML5 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

1,按钮样式可以用于

按钮元素<button>
超链元素<a>
按钮类型的input元素 <input type="button">
提交类型的input元素 <input type="submit">
重置类型的input元素 <input type="reset">

2,按钮样式

示例 1 : 原始样式按钮
示例 2 : 默认按钮
示例 3 : 提交按钮
示例 4 : 成功按钮
示例 5 : 信息按钮
示例 6 : 警告按钮
示例 7 : 危险按钮
示例 8 : 表现为链接
示例 9 : 大一点的按钮
示例 10 : 小一点的按钮
示例 11 : 最小的按钮
示例 12 : 宽屏按钮
示例 13 : 激活状态按钮
示例 14 : 无效按钮
示例 15 : 多种按钮样式混用

<!DOCTYPE html>
<script src="www.shiguangbiaoye.com/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="www.shiguangbiaoye.com/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="www.shiguangbiaoye.com/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<button type="button" class="btn">原始样式按钮</button>