Bootstrap-CSS：按钮

仁亦旭

于 2019-12-20 12:00:06 发布

阅读量162

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB

本文链接：https://blog.youkuaiyun.com/jxy136406/article/details/103630346

WEB 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍HTML中不同样式的按钮代码实现，包括默认按钮、原始按钮、成功按钮、信息按钮、警告按钮、危险按钮及链接按钮，适用于前端开发人员快速上手。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!-- 标准的按钮 -->
<button type="button" class="btn btn-default">默认按钮</button>
<!-- 提供额外的视觉效果，标识一组按钮中的原始动作 -->
<button type="button" class="btn btn-primary">原始按钮</button>
<!-- 表示一个成功的或积极的动作 -->
<button type="button" class="btn btn-success">成功按钮</button>
<!-- 信息警告消息的上下文按钮 -->
<button type="button" class="btn btn-info">信息按钮</button>
<!-- 表示应谨慎采取的动作 -->
<button type="button" class="btn btn-warning">警告按钮</button>
<!-- 表示一个危险的或潜在的负面动作 -->
<button type="button" class="btn btn-danger">危险按钮</button>
<!-- 并不强调是一个按钮，看起来像一个链接，但同时保持按钮的行为 -->
<button type="button" class="btn btn-link">链接按钮</button>