首页 > web前端 > html教程 > html如何设置按钮大小

html如何设置按钮大小

coldplay.xixi
发布: 2023-01-05 16:11:35
原创
6391 人浏览过

html设置按钮大小的方法是可直接给input元素添加宽、高,具体代码如【<input type="submit" value="确定" style="width:100px;height:60px">】。

html如何设置按钮大小

本教程操作环境:windows7系统、html5版,DELL G3电脑。

html设置按钮大小的方法:

html中设置按钮的大小:可直接给input元素添加宽、高,具体代码如下:

<input type="submit" value="确定" style="width:100px;height:60px">
登录后复制

下面是未设置input按钮大小和设置了按钮大小的对比效果:

037d7f3f17bb3b3e761b59078d7d23d.png

html中的表单input元素是内联块状元素,既可以与其它元素在同一行,又可以设置自身的宽度和高度。

如果按照上述方法设置input按钮大小(宽、高),却仍未达到改变input按钮的效果,可检查html中的代码是否有误或者与其它代码相冲突。

相关学习推荐:html视频教程

以上是html如何设置按钮大小的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板