CSS按鈕是網頁中最常用的元素之一，它為用戶提供了常見的交互方式。在設計網頁時，如何設置按鈕的交互狀態無疑是一個重要問題。在這篇文章中，我們將討論如何在CSS中設置按鈕獲取焦點。

button:focus {
background-color: #4CAF50;
color: white;
outline: none;
}

我們可以使用:focus偽類選擇器來為按鈕獲取焦點時添加樣式，例如上述代碼中的button元素。在這里，我們為按鈕添加了綠色背景和白色文本。除此之外，我們還將outline設置為none。這個屬性決定了獲取焦點時是否顯示元素周圍的輪廓線。通常，我們需要將其設置為none以避免出現額外的界面元素。

button:hover {
background-color: #555555;
color: white;
}

另外，我們可以使用:hover偽類選擇器來為鼠標懸停在按鈕上時添加樣式。例如，上述代碼中的button元素會在懸停時變為黑色背景和白色文本。

綜上所述，正確設置CSS按鈕獲取焦點的樣式有助于提高網頁交互性和用戶體驗。隨著更多高級交互和動效的應用于網頁設計中，對于如何使用CSS控制頁面和元素的各種狀態的理解將變得越來越重要。