css怎么设置按钮中的字大小_ui

css怎么设置按钮中的字大小

css设置按钮中字体大小的方法：1、给按钮元素添加class属性并设置属性值；2、使用class选择器选中按钮元素，添加“font-size:数值px;”样式即可。

本教程 *** 作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css中更改按钮中字体大小的方法

1、首先，在页面中创建两个按钮，并定义class类用于对比；

 <body>
   <button type="button" class="btn">字体为20px</button>
   <button type="button" >正常字体</button>
 </body>

2、按钮创建好后，在css中设置按钮的宽度和高度；

button{
  width:100px;
  height:60px;
}

3、按钮的宽高设置好后，使用font-size属性即可更改按钮中字体的大小；

 .btn {
  font-size:20px;
}

效果：

（学习视频分享：css视频教程）

以上就是css怎么设置按钮中的字大小的详细内容，

欢迎分享，转载请注明来源：内存溢出

css怎么设置按钮中的字大小