欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-12 14:01:01
...

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视频教程

以上就是css怎么设置按钮中的字大小的详细内容,更多请关注其它相关文章!

相关标签: css 字体大小