首页 > 文章 > web前端 > css怎么设置按钮中的字大小

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

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

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

本教程操作环境：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怎么设置按钮中的字大小的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

查看更多