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

CSS按钮 - btns.css用法

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

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

加载bttn.css

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

   

使用按钮

使用html按钮标签创建按钮并添加样式btn,btn-blue和尺寸说明符btn-lg.

                        Submit   

定义大小

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

 < html> < head> < link rel ="stylesheet"href ="https://img01.yuandaxia.cn/Content/img/tutorials/css_buttons/btns.css">  < body> < button class ="btn btn-lg btn-blue"> Large < button class ="btn btn-sm btn-blue">小  

Defining the Color

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

                        Red         Blue      Green      Sea         Yellow      Orange        Purple         Black      Cloud      Grey   

Defining the Style

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

                        Regular         Round      Raised      Small         Outlined   


T" src="//sdk.51.la/js-sdk-pro.min.js">