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

CSS按钮 - Beautons用法

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

Beautons按钮库是一个用于创建按钮的简单CSS工具包.它允许应用样式,大小的组合来创建一组一致,健壮和坚实的按钮.

加载Beautons

加载Beautons库,从 github 下载css并将以下行粘贴到< HEAD>网页的一部分.

   

使用按钮

使用html按钮标记创建按钮并添加样式btn.

                           

定义大小

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

                        Small 
 
       Large

      Huge

      Full

   

定义字体大小

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

                        Huge

      Large

      Regular

   

定义功能按钮

以下示例显示各种功能按钮.

                        Positive 
  
      Negative

      Disabled

      Rounded

      Hard