CSS 鏈接
1CSS 鏈接的四種狀態(tài)：
a:link --普通的、未被訪問的鏈接 a:visited --用戶已訪問的鏈接 a:hover --鼠標(biāo)指針位于鏈接的上方 a:active --鏈接被點(diǎn)擊的時(shí)刻
下面我們就來(lái)動(dòng)手先設(shè)置下這幾個(gè)對(duì)應(yīng)行為的顏色屬性： 還是和以前的流程一樣我們先創(chuàng)建一個(gè) index.html，然后再建立一個(gè) test.css 文件，將其鏈接到 html 中。 下面是 html 文件內(nèi)容：
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>css test</title> <script src="app.js"></script> <link rel="stylesheet" type="text/css" href="test.css"> </head> <body > <a href="http://m.miracleart.cn">php</a> </body> </html>
下面是 CSS 文件內(nèi)容：
a:link {color:#FF0000;} /* 未被訪問的鏈接 */
a:visited {color:#00FF00;} /* 已被訪問的鏈接 */
a:hover {color:#FF00FF;} /* 鼠標(biāo)指針移動(dòng)到鏈接上 */
a:active {color:#0000FF;} /* 正在被點(diǎn)擊的鏈接 */我們先來(lái)看看效果： 這是未被訪問的顏色：
這是鼠標(biāo)移動(dòng)到鏈接上面的顏色：
這是正在被點(diǎn)擊的顏色：
這是被點(diǎn)擊之后的顏色：
這里我們需要注意的是這四個(gè)屬性設(shè)置要遵循的順序問題： a:hover 必須位于 a:link 和 a:visited 之后 a:active 必須位于 a:hover 之后
1.2CSS 設(shè)置鏈接背景顏色
這個(gè)一樣的簡(jiǎn)單，修改對(duì)應(yīng)的屬性 background-color 就好。 我們動(dòng)手實(shí)驗(yàn)的話，就將剛才的 CSS 文件替換或者添加：
a:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}大家可以實(shí)驗(yàn)，這里就不再一一截圖了
1.3 修改鏈接下劃線
不是所有的時(shí)候我們都需要鏈接下面的下劃線，有時(shí)很影響美觀。所以這里我們要在 link 屬性中加入 text-decoration 屬性，將傳指改為空就行，修改過后就是下面的結(jié)果：
