CSS 按钮宽度设置

按钮宽度设置

CSS中,按钮button的宽度,可以通过多种方式来进行设置,这里介绍其中的两种,分别是使用CSS中的width属性,另一种是使用padding-left和padding-right的属性。


语法

width:value 或 padding-left:value;padding-right:value

按钮宽度设置实例代码,及在线编辑器

<button id='b1'>按钮1</button><br><br>
<button id='b2'>按钮2</button>

<style>
  #b1{width:20%;height:35px;}
  #b2{padding-left:5%;padding-right:5%;height:35px;}
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.