📜  CSS按钮-社交按钮用法

📅  最后修改于: 2020-10-26 04:37:55             🧑  作者: Mango


Social Buttons库是一组用纯CSS制成的CSS Button,它们基于Bootstrap和Font Awesome。

加载社交按钮

要加载bootstrap-social.css库,请从github下载bootstrap-social.css并将以下行粘贴到网页的部分中。



使用按钮

使用html锚标记创建一个按钮,并使用社交说明符btn-social添加样式btn,btn-block。

它将产生以下输出-

定义大小

您可以通过使用CSS定义按钮的大小并将其与类名一起使用来增加或减小按钮的大小,如下所示。在给定的示例中,我们更改了四个大小。

它将产生以下输出-

仅使用图标

下面的示例显示如何选择仅图标按钮。

它将产生以下输出-