CSS是網(wǎng)頁設(shè)計(jì)中不可或缺的一環(huán),令頁面的布局和樣式更具美感。其中一個(gè)常見的效果就是點(diǎn)擊鏈接或按鈕后改變文字的顏色。
button{ background-color: #2C3E50; color: white; } button:hover{ background-color: #3498DB; } button:active{ color: red; }
如上代碼所示,我們使用button標(biāo)簽為按鈕添加樣式。其中,按鈕原本的顏色為深灰色,鼠標(biāo)經(jīng)過時(shí)會(huì)出現(xiàn)亮藍(lán)色的背景,這是hover效果。當(dāng)用戶點(diǎn)擊按鈕時(shí),文字會(huì)變成紅色。
這種效果在網(wǎng)頁設(shè)計(jì)中廣泛應(yīng)用于按鈕、鏈接和導(dǎo)航欄等元素。通過改變文字顏色,增強(qiáng)了用戶交互體驗(yàn)和視覺感受。要注意的一點(diǎn)是,在不同瀏覽器和不同設(shè)備中,效果可能存在差異,需要做好兼容性處理。