html怎么設(shè)置超鏈接字體的顏色(html超鏈接后字體變色了怎么設(shè)置)
1、FFFF00 avisited colorFF0000 ahover color ltstyle lt!內(nèi)聯(lián)樣式表結(jié)束 lthead 在lthead和lthead之間加入一個(gè)鏈接的樣式表,給它們?cè)O(shè)定不同的顏色就可以了;A標(biāo)簽,本身就是點(diǎn)擊前后顏色不同的 當(dāng)然也可以定義自己喜歡的顏色 A標(biāo)簽有四個(gè)狀態(tài),在CSS里定義它們就可以實(shí)現(xiàn)各種狀態(tài)下的顏色,字體,大小等Alink這是超鏈接 Avisited這是已訪問(wèn)過(guò)的超鏈接,就是點(diǎn)擊后 Ahover;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;鼠標(biāo)經(jīng)過(guò)懸停超鏈接時(shí)字體顏色為白色,背景為藍(lán)色* ltstyle lthead ltbody ltdiv class=quotdivcss5abcquot 歡迎來(lái)到lta href=quotquotdivcss5lta ltdiv ltbody lthtml。
2、上面示例中定義的鏈接顏色是紅色,訪問(wèn)過(guò)后的鏈接是綠色,鼠標(biāo)懸浮在鏈接上時(shí)是黑色,點(diǎn)擊時(shí)的顏色是白色 如果正常鏈接和已訪問(wèn)過(guò)的鏈接樣式相同,鼠標(biāo)懸浮和點(diǎn)擊時(shí)的樣式相同,也可以將它們合并起來(lái)定義alink, avisited;alink color#FF0000textdecorationunderline這個(gè)是設(shè)置超鏈接字體顏色,并且去掉下劃線avisited color#00FF00textdecoration 這個(gè)是已經(jīng)訪問(wèn)的鏈接之后的顏色,顏色你可以隨便設(shè)置;1設(shè)置超鏈接字體顏色的簡(jiǎn)單代碼如下lt!DOCTYPE htmllthtml lang=quotzhquotltheadlttitleDocumentlttitleltheadltbodylta href=quot#quotstyle=quotcolor redquot鏈接一ltalta href=quot#quotstyle=quotcolor #090quot鏈接二lt。
3、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)擊的超鏈接;html設(shè)置超鏈接,在網(wǎng)頁(yè)制作的軟件中,將要設(shè)置超鏈接的部件點(diǎn)選,點(diǎn)鼠標(biāo)右鍵,選超鏈接,在超鏈接的地址框內(nèi)輸入,要連接的網(wǎng)址或網(wǎng)頁(yè)地址就可以了也可以在代碼設(shè)置中修改,colorred是超鏈接的顏色;2在indexhtml中的ltstyle標(biāo)簽中,輸入css代碼afontfamily 楷體fontsize 20pxcolor orange3瀏覽器運(yùn)行indexhtml頁(yè)面,此時(shí)用CSS成功改變了超鏈接的字體大小顏色。
4、此時(shí)設(shè)置未點(diǎn)擊的鏈接顏色為“#000000”6利用avisited進(jìn)行對(duì)已點(diǎn)擊的超鏈接進(jìn)行設(shè)置,此時(shí)設(shè)置已點(diǎn)擊的鏈接顏色為“#d90a81”這樣就解決了“一個(gè)網(wǎng)頁(yè),超鏈接點(diǎn)擊之后變顏色”的問(wèn)題;超鏈接使用a標(biāo)簽,css直接定義a標(biāo)簽的字體顏色使用color屬性,點(diǎn)擊后的顏色要使用偽選擇器visited定義字體顏色即可大概格式為 acolor 您要展示的顏色 avisited color 您要的點(diǎn)擊后顏色 加入到style標(biāo)簽中。
5、超鏈接下劃線可以使用“textdecoration ”去除,顏色可以用“color”屬性表示1新建html文檔,在body標(biāo)簽中添加兩個(gè)超鏈接并為超鏈接添加文字,這時(shí)默認(rèn)情況下超鏈接帶下劃線且顏色為藍(lán)色2設(shè)置white類,添加“text;1 在菜單欄的“格式”中,選擇“樣式和格式”2 在彈出的“樣式和格式”界面中,點(diǎn)擊“超鏈接”3 在彈出的“超鏈接”對(duì)話框中,選擇“格式”并點(diǎn)擊“字體顏色”選擇藍(lán)色4 點(diǎn)擊“確定”按鈕保存設(shè)置5 將。
6、例如要改變demo類的a標(biāo)簽,滑過(guò)變紅色ltdiv class=quotdemoquot lta實(shí)例lta ltdiv css樣式demo ahovercolorred。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。