html怎么设置按钮宽度

登录注册

html怎么设置按钮宽度

来源:网络
更新日期:2022-02-22

摘要：在html中，可以通过width属性来设置按钮的宽度，该元素的作用就是设置元素的宽度，只需要给按钮元素button或input添加“width: 宽度数值+长度单位;”样式即可。本教程操作环境：win

在html中，可以通过width属性来设置按钮的宽度，该元素的作用就是设置元素的宽度，只需要给按钮元素button或input添加“width: 宽度数值+长度单位;”样式即可。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

我们有下面两个按钮：

怎么设置按钮的宽度？下面介绍一下。

方法：利用width属性

width属性设置元素的宽度。

<!DOCTYPE html><html><head><meta charset="utf-8"><style>button,input{width: 100px;/* width: 100%; */}</style></head><body><button type="button">按钮一</button><br><br><input type="button" value="按钮二" /></body></html>

推荐教程：《html视频教程》