html中设置控件大小,css按钮的大小设置

css按钮的大小设置方法：首先创建一个HTML示例文件；然后在body中通过button标签创建一个按钮；最后使用“font-size”属性来设置按钮大小即可。

本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

可以使用 font-size 属性来设置按钮大小:

代码如下：

.button {

background-color: #4CAF50; /* Green */

border: none;

color: white;

padding: 15px 32px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 16px;

margin: 4px 2px;

cursor: pointer;

}

.button1 {font-size: 10px;}

.button2 {font-size: 12px;}

.button3 {font-size: 16px;}

.button4 {font-size: 20px;}

.button5 {font-size: 24px;}

按钮大小

我们可以使用 font-size 属性来设置按钮大小:

10px

12px

16px

20px

24px

效果如下：

【推荐学习：css视频教程】