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

2022-01-20 20:28:00 IT技术网 互联网
浏览

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;
}

效果：

1.png

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

以上就是css怎么设置按钮中的字大小的详细内容，更多请关注dnjidi.com其它相关文章！
css 字体大小