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

2020年3月7日20:00:00 发表评论

最近在折腾【掘金网』的时候意外的发现了一个不错的,免费的按钮 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 小白都可以用了,所以说真的是很简单的,多看看样例链接里的例子就可以使用了。

Tips:

做副业长期赚不到钱的话很容易放弃,特别是对于新手来说,新手刚入行的时候期望值都比较高,以为进来就马上能赚到钱,但是现实却很残酷,很多新手都没能坚持到赚钱的时候。因此,我在朋友圈《加微信》会给大家推荐一些破零项目,钱虽然不多,但是我觉得能让很多新手做副业的信心不那么容易被打垮。

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