在網(wǎng)頁設(shè)計中，CSS 的鼠標(biāo)動作是一種非常常用的技術(shù)。它可以在用戶使用鼠標(biāo)交互時，改變網(wǎng)頁元素的樣式與行為。在本篇文章中，我們將介紹 CSS 鼠標(biāo)動作常見的三種方式：鼠標(biāo)懸停、鼠標(biāo)點擊以及鼠標(biāo)拖動。

/*示例代碼*/
.hover{
background-color: #ccc;
}
.clicked{
color: red;
}
.dragged{
position: absolute;
top: 0;
left: 0;
}

鼠標(biāo)懸停是最常用的鼠標(biāo)動作之一。它可以通過 :hover 偽類選擇器來實現(xiàn)。當(dāng)用戶的光標(biāo)移動到被選擇元素上方時，元素的樣式就會發(fā)生改變。在上面的示例代碼中，我們選中了一個名為 .hover 的元素，當(dāng)鼠標(biāo)懸停其上方時，它的背景顏色將會變成灰色。

鼠標(biāo)點擊也是一種常用的鼠標(biāo)動作，它對應(yīng)的偽類選擇器是 :active。當(dāng)用戶按下鼠標(biāo)時，元素的樣式會發(fā)生改變。在上面的示例代碼中，我們選中了一個名為 .clicked 的元素，當(dāng)用戶點擊它時，字體顏色將變成紅色。

鼠標(biāo)拖動則是比較復(fù)雜的鼠標(biāo)動作。在實現(xiàn)時，我們需要將拖動的元素設(shè)置為絕對定位，通過 JavaScript 監(jiān)聽用戶拖動事件，然后動態(tài)改變元素的位置。在上面的示例代碼中，我們選中了一個名為 .dragged 的元素，當(dāng)用戶按住鼠標(biāo)左鍵并拖動時，該元素的位置將會發(fā)生改變。

這三種鼠標(biāo)動作是網(wǎng)頁設(shè)計中非常常用的技術(shù)，熟練掌握它們可以大大提升網(wǎng)頁的交互性。我們可以根據(jù)自己的需求選擇不同的動作來優(yōu)化頁面展示效果。