鼠標焦點是Web開發中常被用到的一個交互特效，它可以讓頁面元素在鼠標經過或點擊的時候發生變化。在CSS中，我們可以通過:hover和:focus這兩個偽類選擇器來實現鼠標焦點的效果。

使用:hover選擇器可以讓元素在鼠標懸浮時發生變化，主要應用于鏈接和按鈕等需要用戶點擊的元素。在下面的示例中，我們定義了一個按鈕，當鼠標懸浮在按鈕上時，背景色變為紅色。

button:hover {
background-color: red;
}

與:hover類似，使用:focus選擇器可以讓元素在獲取焦點時發生變化，主要應用于表單元素如輸入框等。在下面的示例中，我們定義了一個輸入框，當獲取焦點時，背景色變為黃色。

input:focus {
background-color: yellow;
}

除了背景色的變化，我們還可以通過其他屬性的變化來實現鼠標焦點的效果。比如，在鏈接上加下劃線、改變字體顏色等等。

鼠標焦點是Web開發中很重要的一個特效，使用它可以讓頁面更具交互性和視覺效果。同時，我們也需要注意減少過度使用鼠標焦點，以免影響用戶體驗。