📜  CSS按钮-btns.css用法

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


btns.css按钮库是使用平滑过渡的一组CSS按钮。

加载bttn.css

要加载btns.css库,请转到链接btns.css并将以下行粘贴到网页的部分中。



使用按钮

使用html按钮标记创建按钮,并添加样式btn,btn-blue和大小说明符btn-lg。


   
   
   
      
   

它将产生以下输出-

定义大小

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


   
   
   
         
      
   

它将产生以下输出-


定义颜色

就像大小一样,您可以使用CSS定义按钮的颜色。以下示例显示如何更改按钮的颜色。


   
   
   
         
      
      
         
      
        
         
      
      
      
   

它将产生以下输出-










定义风格

就像大小,颜色一样,您可以使用CSS定义按钮的样式。下面的示例演示如何更改按钮的样式。


   
   
   
         
      
      
         
      
   

它将产生以下输出-