CSS超鏈接是網(wǎng)頁設(shè)計中常用的元素之一,具有四種基本形態(tài),在使用時需要根據(jù)設(shè)計要求選擇適當?shù)男螒B(tài)。
a:link { color: red; text-decoration: none; }
link狀態(tài)指的是未被訪問過的超鏈接形態(tài),通常為藍色且?guī)聞澗€。通過設(shè)置color屬性,可以改變鏈接文字顏色;通過設(shè)置text-decoration屬性,可以去掉下劃線。
a:hover { color: blue; text-decoration: underline; }
hover狀態(tài)指的是鼠標懸停在鏈接上時的形態(tài),通常為藍色且?guī)聞澗€。通過設(shè)置color屬性,可以改變鏈接文字顏色;通過設(shè)置text-decoration屬性,可以加上下劃線。
a:active { color: green; text-decoration: underline; }
active狀態(tài)指的是鼠標點擊鏈接后的形態(tài),通常為紅色且?guī)聞澗€。通過設(shè)置color屬性和text-decoration屬性,可以改變鏈接文字顏色和下劃線樣式。
a:visited { color: gray; text-decoration: none; }
visited狀態(tài)指的是已訪問過的鏈接形態(tài),通常為紫色且?guī)聞澗€。通過設(shè)置color屬性,可以改變鏈接文字顏色;通過設(shè)置text-decoration屬性,可以去掉下劃線。
以上是CSS超鏈接的四種形態(tài),掌握每一種狀態(tài)的作用和使用方法,可以讓網(wǎng)頁設(shè)計更加豐富多彩。同時,也可以通過設(shè)置不同的樣式表,實現(xiàn)更多的鏈接形態(tài),為網(wǎng)站設(shè)計增添更多的趣味與特色。
上一篇css超鏈接處理
下一篇方正行楷繁體字體在css