CSS是網頁設計中必不可少的一部分,它可以美化網頁、改變字體樣式、大小等等,也可以設置超鏈接的樣式。超鏈接是網頁中最常用的元素之一,下面來看一下如何設置超鏈接的CSS樣式。
a:link { color: red; text-decoration: none; } a:hover { color: blue; text-decoration: underline; } a:active { color: green; }
上述代碼中,“a:link”表示鏈接的默認狀態,“a:hover”表示鼠標懸停在鏈接上時的狀態,“a:active”表示鏈接被點擊時的狀態。
在“a:link”的樣式中,我們設置了鏈接文字的顏色為紅色,使用了“text-decoration: none;”來去掉下劃線。這個樣式適用于所有未被訪問過的鏈接。
在“a:hover”的樣式中,我們設置了鏈接文字的顏色為藍色,使用了“text-decoration: underline;”來添加下劃線。這個樣式適用于鼠標懸停在鏈接上時。
在“a:active”的樣式中,我們設置了鏈接文字的顏色為綠色,沒有添加下劃線。這個樣式適用于用戶點擊鏈接時的狀態。
通過使用CSS,我們可以輕松地設置鏈接的各種狀態下的樣式,從而使網頁更加美觀,提升用戶體驗。
上一篇css樣式隱藏下邊框