在網頁設計中,讓文字在用戶點擊時變色是一種非常實用的功能,通過CSS樣式,我們可以輕松地實現這一效果。
<style>
p {
color: blue;
}
p:hover {
color: red;
cursor: pointer; /* 當鼠標懸停時,鼠標形狀會變成手指的形狀 */
}
</style>
在上面的代碼片段中,我們使用了:hover偽類選擇器,在鼠標懸停在p元素上方時,應用了新的CSS樣式,從而改變了文字的顏色。
需要注意的是,在hover偽類選擇器中添加cursor: pointer屬性,可以讓鼠標在懸停時變成手指形狀,提示用戶這種點擊操作可以有響應。
最后,使用這種CSS樣式讓文字在用戶點擊時變色,可以給網頁增加更多的交互性,提升用戶體驗。