html中按钮怎么设置大小

在HTML中，我们可以通过CSS来设置按钮的大小，以下是一些常用的方法：

1、使用内联样式：在HTML元素中直接使用style属性来设置样式，这种方法的优点是可以直接在HTML元素上设置样式，不需要额外的CSS文件，这种方法的缺点是如果需要修改样式，需要在每个元素上都进行修改，不利于代码的维护。

<button style="width:100px; height:50px;">点击我</button>

2、使用内部样式表：在HTML文档的head部分使用style标签来设置样式，这种方法的优点是可以在一个位置设置所有的样式，方便代码的维护，这种方法的缺点是如果需要修改样式，需要在style标签中进行修改。

<head>
<style>
button {
  width: 100px;
  height: 50px;
}
</style>
</head>
<body>
<button>点击我</button>
</body>

3、使用外部样式表：在HTML文档中使用link标签来链接一个外部的CSS文件，这种方法的优点是可以在一个文件中设置所有的样式，方便代码的维护，而且，如果需要修改样式，只需要修改CSS文件即可。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<button>点击我</button>
</body>

在mystyle.css文件中，可以设置按钮的大小：

button {
  width: 100px;
  height: 50px;
}

4、使用CSS类：在HTML元素中使用class属性来应用一个CSS类，然后在CSS文件中设置这个类的样式，这种方法的优点是可以使用同一个类来设置多个元素的样式，方便代码的维护，而且，如果需要修改样式，只需要修改CSS文件中的类即可。

html中按钮怎么设置大小

在HTML元素中设置类：

<button class="myButton">点击我</button>

html中按钮怎么设置大小

在CSS文件中设置类：

.myButton {
  width: 100px;
  height: 50px;
}

以上就是在HTML中设置按钮大小的方法，需要注意的是，这些方法设置的都是按钮的整体大小，包括按钮的内容、边框和内边距，如果只想要改变按钮内容的尺寸，可以使用padding属性来设置内边距，以下代码将按钮内容的宽度设置为80px，高度设置为40px：

button {
  width: 100px;
  height: 50px;
  padding: 10px; /* 上下左右各10px */
}