在HTML中,超鏈接是經常使用的元素之一,它可以將一個網頁與另一個網頁相關聯,形成一個網頁網絡。這個元素就是a標簽,而在CSS中,a標簽可以用來為鏈接添加樣式。
在CSS中,a標簽有四種狀態:link(默認狀態)、visited(訪問過的狀態)、hover(鼠標滑過的狀態)和active(被激活的狀態)。我們可以分別用以下的選擇器來為這四種狀態添加樣式:
a:link { /* link狀態下的樣式 */ } a:visited { /* visited狀態下的樣式 */ } a:hover { /* hover狀態下的樣式 */ } a:active { /* active狀態下的樣式 */ }
比如,我們可以為鏈接添加一些花哨的效果,比如點亮、下劃線、字體顏色等。例如:
a:link, a:visited { color: blue; text-decoration: none; font-weight: bold; } a:hover, a:active { color: red; text-decoration: underline; }
上面的代碼將鏈接的顏色設置為藍色,它的字體加粗,而在鼠標滑過或者點擊后的狀態下,鏈接的顏色變成了紅色,同時在下面添加了下劃線。
通過使用CSS,您可以讓鏈接與您的網頁風格相得益彰,同時幫助用戶更好地使用您的網頁。
上一篇css鼠標點擊動畫開始
下一篇css鼠標點擊變背景顏色