HTML是網頁設計中最基礎的一種語言，通過HTML代碼對網頁進行結構化描述。網頁中常常需要添加交互效果來提高用戶體驗，其中hover效果是常用的一種。我們可以通過CSS代碼為HTML元素添加hover效果，當用戶將鼠標移動到該元素上時，會出現相應的交互效果。

selector:hover {
/* 樣式 */
}

以上代碼是添加hover效果的基本格式，其中selector表示要添加效果的HTML元素，比如a元素、div元素等。需要注意的是，hover效果只會在用戶將鼠標放在元素上時才會出現，鼠標移開后該效果即消失。

下面是一個實例，當用戶將鼠標放在按鈕上時，按鈕顏色將變成綠色：

button:hover {
background-color: green;
}

hover效果可以與其它CSS屬性結合使用，比如懸停時改變字體顏色、添加邊框等。下面是一個鼠標懸停在鏈接上時字體顏色變為紅色的實例：

a:hover {
color: red;
}

通過這些簡單的CSS代碼，我們可以輕松地為網頁添加hover效果提升用戶體驗。