在網頁設計中，按鈕是最常用的元素之一。通過CSS樣式對按鈕進行美化是提高網頁外觀的有效方法之一。按鈕的大小是影響按鈕美觀性的因素之一，下面我們來介紹一下CSS如何控制按鈕的大小。

/* 按鈕基礎樣式 */
.btn {
padding: 10px 20px;
font-size: 14px;
border-radius: 5px;
border: none;
color: #fff;
background: #007bff;
cursor: pointer;
}
/* 控制按鈕大小 */
.btn-small {
padding: 5px 10px;
font-size: 12px;
}
.btn-large {
padding: 15px 30px;
font-size: 18px;
}
.btn-xlarge {
padding: 20px 40px;
font-size: 24px;
}

通過添加不同的類名，可以控制按鈕的大小。上述代碼中，我們定義了三種不同的按鈕大小類名：.btn-small、.btn-large和.btn-xlarge。分別設置對應的padding和font-size屬性，即可控制按鈕的大小。

除了以上的方法，也可以使用CSS的transform屬性控制按鈕大小。只需要將按鈕的scale屬性設置為小于1的值即可縮小按鈕，大于1的值即可放大按鈕。例如：

.btn {
/* 原始大小 */
}
.btn-small {
transform: scale(0.8);
}
.btn-large {
transform: scale(1.2);
}

需要注意的是，在使用transform屬性縮放按鈕大小時，按鈕的位置和背景圖等也會同時縮放。因此，建議在美化按鈕時盡量使用padding和font-size屬性來控制大小。