在網頁設計中，按鈕是一個非常重要的元素。它們具有吸引用戶操作的作用，也是網頁布局的重要組成部分。有時候我們會發現按鈕大小不太合適，需要進行調整。今天我來介紹一下如何使用CSS將按鈕變小。
首先，我們需要了解CSS中控制按鈕大小的屬性是什么。常見的有width（寬度）和height（高度），通過設置它們的數值可以控制按鈕的大小。
接下來，我將通過代碼示例來展示如何使用CSS將按鈕變小：

<style>
.button {
width: 100px;
height: 50px;
font-size: 16px;
}
.small-button {
width: 80px;
height: 40px;
font-size: 14px;
}
</style>

<p>這是一個普通的按鈕：</p>
<button class="button">點擊我</button>

<p>這是一個小一點的按鈕：</p>
<button class="small-button">點擊我</button>

在上面的代碼中，我們定義了兩個類名，一個是.button，一個是.small-button。它們分別設置了按鈕的寬度、高度和字體大小。通過在HTML中為按鈕添加對應的類名，就可以控制按鈕的大小了。
以上就是使用CSS將按鈕變小的方法。需要注意的是，在調整按鈕大小時，應該考慮到按鈕文字的長度和字體大小，以保證按鈕看起來協調美觀。