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

如题所述

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

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

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

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-07-05

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<button>标签中,加入样式代码:style="width: 200px;height: 80px;"。

3、浏览器运行index.html页面,此时按钮的宽度被设置为200px,宽度被设置为80px。

本回答被网友采纳
第2个回答  推荐于2016-06-18
html5设置按钮的宽度和高度一般是结合CSS3来设置的,我这里提交码
<button type="button">Click Me!</button>
<style>
button{
width:100px;

height:100px;

}
</style>
这样你的宽高就设置好了!
第3个回答  推荐于2017-11-26
按钮的宽度和高度是通过css去控制的,跟html5没什么必然的关系本回答被提问者和网友采纳
第4个回答  推荐于2018-02-27
<button type="button" class="btn1">Click Me!</button>
<style>
.btn1{
width:100px;
height:100px;
}
</style>本回答被网友采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网