這篇文章主要為大家展示了“如何使用CSS設(shè)置鏈接樣式”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“如何使用CSS設(shè)置鏈接樣式”這篇文章吧。
成都創(chuàng)新互聯(lián)是一家專(zhuān)業(yè)提供察哈爾右翼中旗企業(yè)網(wǎng)站建設(shè),專(zhuān)注與成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)、成都h5網(wǎng)站建設(shè)、小程序制作等業(yè)務(wù)。10年已為察哈爾右翼中旗眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。
能夠設(shè)置鏈接樣式的CSS屬性有很多種(例如color,font-family,background等等)。
鏈接的特殊性在于能夠根據(jù)它們所處的狀態(tài)來(lái)設(shè)置它們的樣式。
鏈接的四種狀態(tài):
a:link-普通的、未被訪(fǎng)問(wèn)的鏈接
a:visited-用戶(hù)已訪(fǎng)問(wèn)的鏈接
a:hover-鼠標(biāo)指針位于鏈接的上方
a:active-鏈接被點(diǎn)擊的時(shí)刻
實(shí)例
a:link{color:#FF0000;}/*未被訪(fǎng)問(wèn)的鏈接*/
a:visited{color:#00FF00;}/*已被訪(fǎng)問(wèn)的鏈接*/
a:hover{color:#FF00FF;}/*鼠標(biāo)指針移動(dòng)到鏈接上*/
a:active{color:#0000FF;}/*正在被點(diǎn)擊的鏈接*/
注釋?zhuān)?/b>為了使定義生效,a:hover必須位于a:link和a:visited之后!!
注釋?zhuān)?/b>為了使定義生效,a:active必須位于a:hover之后??!
當(dāng)為鏈接的不同狀態(tài)設(shè)置樣式時(shí),請(qǐng)按照以下次序規(guī)則:
a:hover必須位于a:link和a:visited之后
a:active必須位于a:hover之后
以上是“如何使用CSS設(shè)置鏈接樣式”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!