CSS是一種用于網頁設計的樣式表語言，可以通過它來設置網頁元素的樣式。在網頁中，鏈接是非常常見的元素，它可以讓用戶點擊跳轉到其他頁面或網站。那么，怎么樣來設置鏈接的樣式呢？
首先，我們需要了解，鏈接的樣式主要包括四種狀態：未訪問狀態、懸停狀態、訪問過狀態和活動狀態。編寫CSS樣式表時，我們可以使用以下四種偽類來選擇對應的狀態：
- a:link：未訪問狀態
- a:hover：懸停狀態
- a:visited：訪問過狀態
- a:active：活動狀態
下面是一個示例代碼，它使用了以上四種偽類來設置鏈接的樣式：
首先，我們需要了解，鏈接的樣式主要包括四種狀態：未訪問狀態、懸停狀態、訪問過狀態和活動狀態。編寫CSS樣式表時，我們可以使用以下四種偽類來選擇對應的狀態：
- a:link：未訪問狀態
- a:hover：懸停狀態
- a:visited：訪問過狀態
- a:active：活動狀態
下面是一個示例代碼，它使用了以上四種偽類來設置鏈接的樣式：
html
<!DOCTYPE html>
<html>
<head>
<title>鏈接樣式示例</title>
<style>
pre {
background-color: #f4f4f4;
padding: 10px;
}
a:link {
color: blue;
text-decoration: none;
}
a:hover {
color: red;
text-decoration: underline;
}
a:visited {
color: purple;
text-decoration: none;
}
a:active {
color: green;
text-decoration: underline;
}
</style>
</head>
<body>
<p>以下是四種狀態的鏈接效果：</p>
<ul>
<li><a href="#">未訪問的鏈接</a></li>
<li><a href="#">懸停的鏈接</a></li>
<li><a href="#">訪問過的鏈接</a></li>
<li><a href="#">活動的鏈接（按下鼠標時）</a></li>
</ul>
<p>代碼如下：</p>
<pre>
a:link {
color: blue;
text-decoration: none;
}
a:hover {
color: red;
text-decoration: underline;
}
a:visited {
color: purple;
text-decoration: none;
}
a:active {
color: green;
text-decoration: underline;
}