CSS控制a標簽點擊變色
在CSS中,我們可以使用偽類:active來讓a標簽在點擊時變色,這個偽類會在元素被用戶點擊時觸發(fā),并維持一定的時間,直到元素失去焦點或者用戶進行下一次點擊。
以下是一個簡單的示例,展示了如何使用CSS讓a標簽在點擊時變色:
HTML代碼:
<a href="#" class="my-link">點擊我變色</a>
CSS代碼:
.my-link { color: blue; /* 初始顏色 */ } .my-link:active { color: red; /* 點擊時的顏色 */ }
在這個示例中,a標簽的初始顏色是藍色,當(dāng)用戶點擊該標簽時,顏色會變?yōu)榧t色,直到用戶進行下一次點擊或者該標簽失去焦點。
你可以根據(jù)自己的需求調(diào)整這個示例,比如改變初始顏色和點擊時的顏色,或者添加其他樣式效果。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。