html5中怎么设置按钮的宽度和高度

1、首先打开html5编辑器，新建一个html文件，在里面写入一个button按钮，被button按钮设置一个样式，这里给它的class属性设置为btn：

2、在上方引入style标签，在里面设置btn类的样式，这里设置宽度和高度使用width和height属性就可以了，最后在美化一下按钮，设置背景色和字体颜色以及文字橘子效果：

3、最后打开浏览器，即可看到设置好的按钮了。以上就是html5中设置按钮的宽度和高度的方法：

改变按钮有以下两种方式：

1，直接在元素上定义样式，代码如下：

<input type="submit" value="提交" style="width:100px"/>

2，使用css控制，给按钮添加一个类名，如：

<input type="submit" value="提交" class="btn"/>

<style>

    .btn{width:100px}

</style>

html5设置按钮的宽度和高度一般是结合CSS3来设置的。

<button type="button">Click Me!</button>

<style>

button{

width:100px

height:100px

}

</style>

这样宽高就设置好了！

---