CSS可以讓我們的按鈕更加動態，這在網頁設計中非常重要。下面我們來看看怎樣使用CSS制作動態按鈕：

/* 定義按鈕的樣式 */
.btn {
background-color: #007bff;
color: #fff;
border: none;
padding: 8px 16px;
cursor: pointer;
transition: background-color .3s;
}
/* 定義按鈕懸浮時的樣式 */
.btn:hover {
background-color: #0062cc;
}
/* 定義按鈕點擊時的樣式 */
.btn:active {
background-color: #005cbf;
box-shadow: 0 5px #007bff;
transform: translateY(4px);
}

在這個例子中，我們定義了一個簡單的按鈕樣式。按鈕有一個藍色背景、白色文本、無邊框以及8像素的內邊距。當鼠標懸浮在按鈕上時，按鈕的背景顏色變為深藍色。當點擊按鈕時，按鈕的背景顏色變為更深的藍色。此外，按鈕還帶有一個簡單的陰影效果，并向下移動了4像素，以創建按鈕按下的視覺效果。

通過CSS，我們可以讓按鈕更加動態。這樣的按鈕可以增強用戶體驗，讓網頁看起來更加生動。