在網頁開發的過程中，超鏈接是一種非常重要的元素。在CSS中，我們可以通過設置樣式來控制超鏈接的顯示效果。下面我們來一起學習一下如何設置超鏈接的CSS規則。

a {
color: #000; /*設置超鏈接的默認顏色*/
text-decoration: none; /*去掉超鏈接的下劃線*/
}
a:hover {
color: #f00; /*設置鼠標懸停時的顏色*/
text-decoration: underline; /*在鼠標懸停時添加下劃線*/
}
a:visited {
color: #778899; /*設置已經訪問過的超鏈接顏色*/
}

上面的代碼中，我們通過設置a標簽的樣式來控制超鏈接的顯示效果。在a標簽樣式中，我們設置了color屬性，來控制超鏈接的顏色。同時，我們也通過text-decoration屬性去掉了超鏈接的下劃線。在a:hover樣式中，我們設置了鼠標懸停時的顏色和添加下劃線的效果。而在a:visited樣式中，我們設置了已經訪問過的超鏈接的顏色。

在實際開發中，我們還可以通過CSS設置超鏈接的背景色、字體大小等效果。大家可以根據自己的需求來靈活運用CSS，打造出漂亮的超鏈接效果。