上面示例中定義的鏈接顏色是紅色，訪問(wèn)過(guò)后的鏈接是綠色，鼠標(biāo)懸浮在鏈接上時(shí)是黑色，點(diǎn)擊時(shí)的顏色是白色 如果正常鏈接和已訪問(wèn)過(guò)的鏈接樣式相同，鼠標(biāo)懸浮和點(diǎn)擊時(shí)的樣式相同，也可以將它們合并起來(lái)定義alink， avisited。

1首先我們先來(lái)編寫(xiě)一個(gè)HTML框架 2我們來(lái)創(chuàng)建一個(gè)a標(biāo)簽，進(jìn)行超鏈接的展示3我們接下來(lái)書(shū)寫(xiě)head書(shū)簽，在其中進(jìn)行書(shū)寫(xiě)其他編寫(xiě)4接著書(shū)寫(xiě)style標(biāo)簽，在其中書(shū)寫(xiě)css代碼5我們利用alink 進(jìn)行對(duì)未點(diǎn)擊的超鏈接。

1設(shè)置顏色和點(diǎn)擊后顏色需要用標(biāo)簽的link和active偽類才能實(shí)現(xiàn)具體方法是，首先新建一個(gè)html文件，這里寫(xiě)入兩個(gè)a標(biāo)簽，一個(gè)用來(lái)演示2接著設(shè)置樣式，這里給a標(biāo)簽的文字40px的大小，并設(shè)置文字粗細(xì)然后設(shè)置a標(biāo)簽的link。

例如indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼afontfamily 楷體fontsize 20pxcolor orange3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)用CSS成功改變了超鏈接的字體大小顏色。

1設(shè)置超鏈接字體顏色的簡(jiǎn)單代碼如下lt！DOCTYPE htmllthtml lang=quotzhquotltheadlttitleDocumentlttitleltheadltbodylta href=quot#quotstyle=quotcolor redquot鏈接一ltalta href=quot#quotstyle=quotcolor #090quot鏈接二lt。

用記事本打開(kāi)html文件 編寫(xiě)如圖代碼，可見(jiàn)跳轉(zhuǎn)前和跳轉(zhuǎn)后顏色變化 更改代碼，使得顏色三次變化不同 基本格式ltbody link=quot顏色quot alink=quot顏色quot vlink=quot顏色quot link 超鏈接尚被選中的文字 alink 超鏈接點(diǎn)選但未被放開(kāi)的。

1新建html文檔，在body標(biāo)簽中添加兩個(gè)超鏈接并為超鏈接添加文字，這時(shí)默認(rèn)情況下超鏈接帶下劃線且顏色為藍(lán)色2設(shè)置white類，添加“textdecoration ”和“color #fff”，這時(shí)超鏈接變成無(wú)下劃線和白色3設(shè)置。

鼠標(biāo)經(jīng)過(guò)懸停超鏈接時(shí)字體顏色為白色，背景為藍(lán)色* ltstyle lthead ltbody ltdiv class=quotdivcss5abcquot 歡迎來(lái)到lta href=quotquotdivcss5lta ltdiv ltbody lthtml。