Buttons:一个免费的按钮 CSS 样式库

2019年8月18日08:38:13 发表评论

本月推荐:高佣联盟,免费领取一件淘宝商品,还包邮哦!

教程地址:http://jjsoho.com/gylm/

最近在折腾【掘金博客』的时候意外的发现了一个不错的,免费的按钮 CSS 样式库——Buttons,无论是在网站布局还是网页内需要使用“按钮”的时候,这个样式库都可以用到,特别是鸟哥的 Begin 主题兼容性相当的好。

Buttons可以实现很多 CSS 按钮样式的,我截了几张图大家可以先看看:

Buttons:一个免费的按钮 CSS 样式库

Buttons:一个免费的按钮 CSS 样式库

更多按钮样式,大家可以直接访问样例链接里面的即可:

Buttons 是一个高度可定制的、免费并且开源的按钮 CSS 样式库。

看完样例链接后感觉如何,是不是很炫酷呀!这个 CSS 样式表都在一个 buttons.css 里面的,只需要下载上传到网站上引用这个 CSS 文件就可以在自己的博客里使用了,还是非常方便的!

  1. <!-- Buttons 库的核心文件 -->  
  2. <link rel="stylesheet" href="css/buttons.css">  
  3. <!-- 当需要使用带下拉菜单的按钮时才需要加载下面的 JavaScript 文件 -->  
  4. <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>  
  5. <script type="text/javascript" src="js/buttons.js"></script>  
  6. <!-- 只有使用字体图标时才需要加载 Font-Awesome -->  
  7. <link href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">  

大家可以根据自己的需要来选择上面的代码,像金哥就引用了这个 CSS 文件,其他的好像鸟哥的 Begin 主题本身就有引用的,所以这里就不用重复引用了。

上面引用 CSS 库文件的代码可以通过鸟哥的主题 Begin 选项里的“广告位”选项卡的下面“需要在页头之间加载的广告代码,如无必要不需添加任何东西”里填上就可以了。

具体如何使用,这个就不用我多说了吧,我这样的 CSS 小白都可以用了,所以说真的是很简单的,多看看样例链接里的例子就可以使用了。

金哥
  • 版权声明:本站原创文章,转载请保留出处和链接!
  • 本文链接:http://jjsoho.com/buttons/ 网赚有风险,投资需谨慎!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: