css如何修改按钮的大小

css

2022

2021/3/25 15:06:14

栏目: 编程语言

在css中修改按钮的大小的方法：1.创建按钮；2.使用width和height属性设置按钮宽高；

css如何修改按钮的大小

在css中修改按钮的大小的方法

1.首先，在页面中创建两个按钮，并分别定义class类用于对比；

 <body>
   <button type="button" class="max">大按钮</button>
   <button type="button" class="min">小按钮</button>
 </body>

2.按钮创建好后，在css中使用width和height属性设置按钮的宽度和高度即可；

.max{
  width:100px;
  height:30px;
}
.min{
  width:60px;
  height:20px:
}

效果：

css如何修改按钮的大小

最新知识库