CSS鏈接四種樣式

a:link {
color: blue;
text-decoration: none;
}
a:visited {
color: purple;
}
a:hover {
color: red;
text-decoration: underline;
}
a:active {
color: green;
}

CSS鏈接樣式是網(wǎng)頁設(shè)計中常用到的一種樣式，四種常用樣式如下：

1. a:link

a:link用于設(shè)置未被訪問過的超鏈接的樣式，包括文字顏色和文字下劃線線條的樣式，一般默認為藍色不帶下劃線。我們可以將網(wǎng)站鏈接中的文字顏色和文字下劃線進行修改，達到更好的視覺效果。

a:link {
color: blue; /* 字體顏色 */
text-decoration: none; /* 文字下劃線 */
}

2. a:visited

a:visited用于設(shè)置已經(jīng)被訪問過的超鏈接的樣式，同樣包括文字顏色和文字下劃線線條的樣式，一般默認為紫色。我們可以將網(wǎng)站鏈接中的文字顏色和文字下劃線進行修改，達到更好的視覺效果。

a:visited {
color: purple; /* 字體顏色 */
}

3. a:hover

a:hover用于設(shè)置鼠標(biāo)在超鏈接上方時的樣式，包括文字顏色和文字下劃線線條的樣式，一般默認為紅色并且?guī)聞澗€。我們可以將網(wǎng)站鏈接中的文字顏色和文字下劃線進行修改，達到更好的視覺效果。

a:hover {
color: red; /* 字體顏色 */
text-decoration: underline; /* 文字下劃線 */
}

4. a:active

a:active用于設(shè)置當(dāng)用戶點擊按鈕并且鏈接恰好被激活時的樣式，一般默認為綠色。我們可以將網(wǎng)站鏈接中的文字顏色和文字下劃線進行修改，達到更好的視覺效果。

a:active {
color: green; /* 字體顏色 */
}