添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

CSS中,可以通过多种方法设置button按钮的尺寸大小,这里介绍其中的三种,如下:

  1. 使用width和height属性设置;
  2. 使用font-size属性设置;
  3. 使用padding内边距属性设置。

设置按钮大小三种方法的实例代码,及在线编辑器

下面的实例中,通过三个button的尺寸设置,展示了上述三种设置按钮大小的方法,及三种方法所展示的层叠样式效果,以及区别:

<button id='b1'>按钮1</button><br><br>
<button id='b2'>按钮2</button><br><br>
<button id='b3'>按钮3</button>
<style>
  #b1{width:100px;height:50px;}
  #b2{font-size:2.5em;}
  #b3{padding:5%;}
</style>