本文主要包含css3,分享按钮等相关知识,佚名 希望在学习及工作中可以帮助到您
今天要分享一款纯CSS3实现的社会化分享按钮，它放置在网页的顶部，你可以选择将它固定在网页顶部，这样对用户分享内容就十分方便。这些社会化分享按钮的图标文件来自google和bootstrap的字体文件，包含了个大社交网站的logo图标，可以先来看看效果图：
HTML结构代码
这里主要是利用了ul li列表结构，么一个li都定义了相应的class，比如第一个定义了class="facebook"，在之后的css中，将会对facebook类进行样式定义，这样做会非常方便。
然后再看看CSS代码，也比较简单：
先是引入了google和bootstrap的字体文件，下面可以利用这两个文件来渲染按钮的小图标。
上面这段主要定义了整个按钮控件的整体外观，包括每一个按钮项的边距之类的设置。
这段代码主要是对每一个按钮设置鼠标滑过的背景色设置，每一个按钮的背景色都不一样，这样显得色彩斑斓，非常漂亮。