今天小編就為大家?guī)硪黄狢SS設(shè)置動(dòng)態(tài)超鏈接方法的文章。小編覺得挺不錯(cuò)的,為此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)公司致力于互聯(lián)網(wǎng)網(wǎng)站建設(shè)與網(wǎng)站營(yíng)銷,提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、網(wǎng)站開發(fā)、seo優(yōu)化、網(wǎng)站排名、互聯(lián)網(wǎng)營(yíng)銷、小程序制作、公眾號(hào)商城、等建站開發(fā),創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)策劃專家,為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案,幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。HTML中,超鏈接是通過標(biāo)記實(shí)現(xiàn)的,具體的地址使用標(biāo)記的href屬性。
默認(rèn)的情況下,瀏覽中的超鏈接統(tǒng)一為藍(lán)色并且有下劃線,點(diǎn)擊過后的超鏈接則為紫色,而且也有下劃線。
CSS可以設(shè)置超鏈接的各種屬性,比如字體、顏色和背景等等,而且,可以通過偽類別制作很多動(dòng)態(tài)效果。
首先,去掉超鏈接的下劃線:
a{ text-decoration:none; }
此時(shí),無論是超鏈接本身,還是點(diǎn)擊過的超鏈接下劃線都去掉了。
CSS的偽類別——Anchor Pseudo Classes,使用偽類別制作動(dòng)態(tài)下過,具體的屬性如下:
A:link——超鏈接的普通樣式,正常瀏覽器中的樣式。
A:visited——點(diǎn)擊過的超鏈接的樣式。
A:hover——鼠標(biāo)指針經(jīng)過超鏈接上時(shí)的樣式。
A:active——在超鏈接上單擊時(shí),即當(dāng)前激活時(shí),超鏈接的樣式。
首頁 | 心情日記 | 一起走到 | 從明天起 | 紙飛機(jī) | 下一站 |
可以看出,超鏈接本身都是深藍(lán)色,沒有下劃線,點(diǎn)擊過后變成了黑色也沒有下劃線,當(dāng)鼠標(biāo)指針經(jīng)過時(shí),超鏈接變成了黃色,而且有下劃線。
此外,各種背景、邊框和排版的效果都可以加入到超鏈接的幾個(gè)偽屬性中,當(dāng)前激活狀態(tài)a:active,一般顯示的情況非常少,很少使用。
當(dāng)用戶單擊一個(gè)超鏈接之后,焦點(diǎn)很容易就會(huì)轉(zhuǎn)移到其他地方,比如新打開的窗口等,此時(shí),超鏈接就不是當(dāng)前激活狀態(tài)了。
以上就是CSS設(shè)置動(dòng)態(tài)超鏈接方法的介紹,詳細(xì)使用情況還需要大家自己使用過才領(lǐng)會(huì)。如果想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。