看到一个网站用了扁平化社交按钮套件：
大概看了它一下源码，应该是用百度分享按钮的一套，然后加了一个扁平化的背景，就做成扁平化的效果。我刚刚开始自学网页制作，水平水有限，不能全部找到对应的代码，不知道哪位朋友可帮忙，把这个对应片平化图标的 html 和 css 代码找出来。请具备两个功能： 1 扁平化，2，有分享功能。 引入必要Jquery 和JS 如果能提出，更好~ 先谢谢了！
网址如下：http://www.alibaixiu.com/15147.html
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
3
473
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
CSS文件：http://bdimg.share.baidu.com/static/api/css/share_style0_16.css?v=81615bb9.css
JS文件：http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion=395563
http://share.baidu.com/code/advance 用的是百度分享
http://www.alibaixiu.com/static/img/share.png 你看到的扁平化是用了图片
可以使用在线按钮样式生成器:http://buttoncssgenerator.com 在线生成按钮css，支持各大主流浏览器，款式随心定制，也有丰富的示例可以选择