在網頁設計中，CSS鏈接的樣式是一個重要的方面。為了讓鏈接更加有吸引力和易于識別，你可以使用一些CSS技巧來美化它。本文將介紹如何為CSS鏈接添加一個漂亮的波浪線。

a {
position: relative;
text-decoration: none;
}
a::before {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
background-color: #4CAF50;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
a:hover::before {
transform: scaleX(1);
}

首先，我們為鏈接添加一個相對定位，并移除默認的下劃線。接著，我們使用偽元素 ::before 來創建波浪線。我們設置它在鏈接下方的位置，寬度為鏈接的100%，高度為2像素。我們還為它指定了背景顏色和一個從左到右的transform動畫效果。

當鼠標懸停在鏈接上時，我們通過將transform屬性的scaleX從0變為1，實現波浪線的展開效果。

現在，你可以在CSS中很容易地使用這個技巧來讓你的鏈接看起來更加漂亮和專業。