我有一个“按钮”,希望在整个网站中使用,但根据 button
出现的位置不同,我希望以不同的大小显示它。
在我的HTML代码中,我尝试过以下方法(但没有起作用):
<div class="button" width="60" height="100">This is a button</div>
匹配的CSS代码如下:
.button {
background-color: #000000;
color: #FFFFFF;
float: right;
padding: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
我以为每次调用这个class
时只需要传入一个大小就可以了,但事实并非如此。
在调用button
class
时添加宽度和高度似乎对其大小没有影响。有没有人知道我该怎么做?如果我将宽度和高度放在CSS
中,则button
的大小将在所有地方保持一致。