（開頭無需使用新的 p 標簽） CSS 是網頁設計中的重要一環，除了控制元素的樣式，它還可以讓頁面中的超鏈接更加美觀和響應式。在本文中，我們將討論如何在 CSS 中設置和美化超鏈接。 首先，我們可以通過以下的代碼來設置超鏈接的基本樣式：

a {
color: blue;
text-decoration: none;
border-bottom: 2px solid blue;
}

上述代碼中，我們設置了超鏈接的顏色為藍色，去掉了下劃線，并添加了一個藍色的底部邊框。 除此之外，我們還可以通過 hover 偽類來設置鼠標懸浮在超鏈接上時的樣式，如下所示：

a:hover {
color: red;
border-bottom-color: red;
}

上述代碼中，我們設置了鼠標懸浮在超鏈接上時的顏色為紅色，并使底部邊框的顏色也變為紅色。 使用 CSS，我們還可以設置被點擊后的超鏈接的樣式。例如：

a:visited {
color: purple;
}

上述代碼中，我們將已被點擊的超鏈接的顏色設置為紫色。 除了直接對 a 標簽進行樣式設置，我們還可以使用 CSS 的偽元素來美化超鏈接。比如我們可以使用 ::before 來為超鏈接添加一個小圖標：

a::before {
content: "\f08e";
display: inline-block;
margin-right: 5px;
font-family: FontAwesome;
}

上述代碼中，我們使用了 Font Awesome 字體庫中的點贊圖標作為超鏈接前的小圖標，并在代碼中設置了該圖標的樣式。 最后，通過 CSS，我們還可以讓超鏈接在鼠標懸浮或被點擊時呈現出動態效果。例如：

a:hover, a:active {
animation: shake 0.5s linear;
}
@keyframes shake {
0% { transform: translate(0, 0); }
25% { transform: translate(-5px, 5px); }
50% { transform: translate(0, 10px); }
75% { transform: translate(5px, 5px); }
100% { transform: translate(0, 0); }
}

上述代碼中，我們使用了 CSS 動畫來讓鼠標懸浮或被點擊的超鏈接呈現出“抖動”的效果。我們通過 keyframes 關鍵字來定義了一個名為 shake 的動畫，并在偽類選擇器中調用了該動畫。 總結來說，使用 CSS 可以讓超鏈接更加豐富多彩。在以上代碼的基礎上，讀者可根據自己的需要進行創意設計，以實現更加美觀的超鏈接效果。