隨著互聯(lián)網(wǎng)的普及和技術(shù)的不斷發(fā)展，web前端開發(fā)工程師在當(dāng)今互聯(lián)網(wǎng)行業(yè)中的重要地位，Web前端開發(fā)工程師作為一個專業(yè)技術(shù)崗位，需要掌握多種技術(shù)來構(gòu)建現(xiàn)代化的網(wǎng)頁和應(yīng)用程序，今天八維職業(yè)學(xué)校和大家一起來看看web前端開發(fā)工程師常見的CSS鏈接模塊，希望對想要學(xué)習(xí)和了解web前端開發(fā)工程師這個行業(yè)的同學(xué)有所幫助。

　　CSS 鏈接不同的鏈接可以有不同的樣式。

　　鏈接樣式

　　鏈接的樣式，可以用任何CSS屬性(如顏色，字體，背景等)。

　　特別的鏈接，可以有不同的樣式，這取決于他們是什么狀態(tài)。

　　這四個鏈接狀態(tài)是：

　　a:link - 正常，未訪問過的鏈接

　　a:visited - 用戶已訪問過的鏈接

　　a:hover - 當(dāng)用戶鼠標(biāo)放在鏈接上時

　　a:active - 鏈接被點擊的那一刻

　　實例

　　a:link {color:#000000;} /* 未訪問鏈接*/ a:visited {color:#00FF00;} /* 已訪問鏈接 */ a:hover {color:#FF00FF;} /* 鼠標(biāo)移動到鏈接上 */ a:active {color:#0000FF;} /* 鼠標(biāo)點擊時 */

　　當(dāng)設(shè)置為若干鏈路狀態(tài)的樣式，也有一些順序規(guī)則：

　　a:hover 必須跟在 a:link 和 a:visited后面

　　a:active 必須跟在 a:hover后面

　　常見的鏈接樣式

　　根據(jù)上述鏈接的顏色變化的例子，看它是在什么狀態(tài)。

　　讓我們通過一些其他常見的方式轉(zhuǎn)到鏈接樣式：

　　文本修飾

　　text-decoration 屬性主要用于刪除鏈接中的下劃線：

　　實例

　　a:link {text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:underline;} a:active {text-decoration:underline;}

　　背景顏色

　　背景顏色屬性指定鏈接背景色：

　　實例

　　a:link {background-color:#B2FF99;} a:visited {background-color:#FFFF85;} a:hover {background-color:#FF704D;} a:active {background-color:#FF704D;}

上一篇：Python編程語言的優(yōu)缺點是什么呢?

下一篇：UI設(shè)計師常用的打輔助的設(shè)計工具有哪些？