按鈕變大變小是用戶經常需要的操作，在網頁中，我們可以通過 CSS 樣式實現按鈕的大小變化。下面，我們將介紹如何使用 CSS 樣式使按鈕變大變小。
按鈕變大：
1. 使用 `max-width` 和 `max-height` 屬性來設置按鈕的寬度和高度，最大寬度設置為按鈕的實際寬度，最大高度設置為按鈕的高度。
```css
button {
width: 300px;
height: 200px;
background-color: #f00;
border: none;
color: #fff;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border-radius: 5px;
在上面的代碼中，按鈕的寬度為 300px，高度為 200px，背景顏色為白色，邊框為 none，顏色為白色，padding 為 10px 20px，字體大小為 16px,cursor 為 pointer,border radius 為 5px。
2. 將 `max-width` 和 `max-height` 屬性的值設置為 0，使按鈕保持原來的大小。
```css
button {
width: 300px;
height: 200px;
background-color: #f00;
border: none;
color: #fff;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border-radius: 5px;
按鈕大小變化后的效果。
按鈕變小：
1. 使用 `min-width` 和 `min-height` 屬性來設置按鈕的寬度和高度，最小寬度設置為按鈕的最小寬度，最小高度設置為按鈕的高度。
```css
button {
width: 300px;
height: 200px;
background-color: #f00;
border: none;
color: #fff;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border-radius: 5px;
在上面的代碼中，按鈕的寬度為 300px，高度為 200px，背景顏色為白色，邊框為 none，顏色為白色，padding 為 10px 20px，字體大小為 16px,cursor 為 pointer,border radius 為 5px。
2. 將 `min-width` 和 `min-height` 屬性的值設置為 0，使按鈕保持原來的大小。
```css
button {
width: 300px;
height: 200px;
background-color: #f00;
border: none;
color: #fff;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border-radius: 5px;
按鈕大小變化后的效果。
通過使用 CSS 樣式，我們可以輕松地使按鈕的大小發生變化，從而實現按鈕的各種功能。