📌  相关文章
📜  CSS按钮-Beautons用法

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

Beautons按钮库是用于创建按钮的简单CSS工具箱。它允许应用样式，尺寸的组合来创建大量的一致，健壮和坚实的按钮。

加载Beautons

要加载Beautons库，请从github下载CSS，然后将以下行粘贴到网页的部分中。

使用按钮

使用html button标记创建一个按钮，并添加样式btn。

现场演示

它将产生以下输出-

定义大小

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

现场演示

它将产生以下输出-

定义字体大小

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

现场演示

它将产生以下输出-

定义功能按钮

以下示例显示了各种功能按钮。

现场演示

它将产生以下输出-

结合风格

下面的示例演示如何组合按钮的样式。

现场演示

   
   
   
         


      


      


      
A  in a paragraph.

它将产生以下输出-

A in a paragraph.