bttn.css精美 CSS 按钮样式

联合创作 · 2023-09-23 22:58

bttn.css 是一个 CSS 按钮样式库,包含一系列精美的按钮样式:

用法

引入 css 文件后,在按钮中加入对应的 bttn css 类:

<button class="bttn-material-circle bttn-md">
  <i class="icon-menu"></i>
</button>

按钮样式类

  • bttn-simple
  • bttn-bordered
  • bttn-minimal
  • bttn-stretch
  • bttn-jelly
  • bttn-gradient
  • bttn-fill
  • bttn-material-circle
  • bttn-material-flat
  • bttn-pill
  • bttn-float
  • bttn-unite
  • bttn-slant (测试版)

按钮尺寸

  • bttn-xs
  • bttn-sm
  • bttn-md
  • bttn-lg

按钮颜色

  • bttn-default
  • bttn-primary
  • bttn-warning
  • bttn-success
  • bttn-danger
  • bttn-royal

按钮助手类

  • bttn-block
  • bttn-no-outline(使用键盘导航/使用鼠标或触摸进行交互时不显示轮廓)

 

浏览 7
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报