HTML经过按钮时按钮变大,html – 调整按钮大小

您不应该直接使用“width”和“height”属性,如果要使用内联样式,请使用style =“some css here”等样式属性：

< div class =“button”style =“width：60px; height：30px;”>这是一个按钮< / div>

但请注意,通常应避免使用内联样式,因为它会使维护和样式更新成为一场噩梦.就个人而言,如果我有一个类似你的按钮样式,但也想要应用不同的大小,我会使用多个css类进行大小调整,如下所示：

.button {

background-color: #000000;

color: #FFFFFF;

padding: 10px;

border-radius: 10px;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

margin:10px

}

.small-btn {

width: 50px;

height: 25px;

}

.medium-btn {

width: 70px;

height: 30px;

}

.big-btn {

width: 90px;

height: 40px;

}

This is a big button

This is a medium button

This is a small button

使用这种定义样式的方式会从HTML标记中删除所有样式信息,如果您想要更改所有小按钮的大小,这将使您更轻松 – 您只需在CSS中更改一次.