在前端開發中，我們經常會使用超鏈接（a標簽）來連接不同的頁面或者不同的元素，而通過為a標簽添加一些css屬性，我們可以讓鏈接在鼠標懸浮或者點擊時出現一些風格上的變化，比如可以改變鏈接的字體顏色、下劃線、背景色等等。其中，背景色的變化是比較簡單的一個效果，下面我們來看一下如何通過css實現這個效果。

a {
display: inline-block;
padding: 10px 20px;
color: #000;
background-color: #eee;
transition: background-color 0.2s ease-in-out;
}
a:hover {
background-color: #ccc;
}

在上面的代碼中，我們首先定義了a標簽的基本樣式，設置了一定的padding、字體顏色和背景色等屬性，并且為其添加了一個平滑的過渡動畫。然后，通過:hover偽類選擇器，當鼠標懸浮在a標簽上時，將背景色改變為#ccc。這樣一來，我們就可以在網站中增加一些風格上的變化，使得鏈接更為美觀。