开发手册 欢迎您!
软件开发者资料库

CSS按钮 - Social Buttons Usage

CSS Social Buttons Usage - 从简单和简单的步骤学习CSS按钮,从基本到高级概念,包括概述,bttn.css用法,bttn.css可用样式,推动按钮用法,btns.css用法,社交按钮用法,社交按钮可用样式,Beautons用法。

Social Buttons库是一组用纯CSS制作的CSS按钮,基于Bootstrap和Font Awesome.

加载社交按钮

要加载bootstrap-social.css库,请从 github

   

使用按钮

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

                                                      Login with Twitter         

它将产生以下输出 :

使用Twitter登录

定义尺寸

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

                                                      Login with Twitter                              Login with Twitter                              Login with Twitter                              Login with Twitter         

它将产生以下输出 :

使用Twitter登录 使用Twitter登录 使用Twitter登录 使用Twitter登录

仅使用图标

以下示例显示如何选择仅图标按钮.