在CSS中，給超鏈接添加下劃線是一個(gè)常見的需求，下面是一些方法來實(shí)現(xiàn)這一功能：

1、使用text-decoration屬性：

text-decoration屬性用于控制文本裝飾，如下劃線、上劃線和刪除線等，要給超鏈接添加下劃線，可以使用text-decoration: underline;樣式。

a {
  text-decoration: underline;
}

2、使用border-bottom屬性：

border-bottom屬性可以在元素的底部添加邊框，包括下劃線的樣式。

a {
  border-bottom: 1px solid #000;
}

3、使用偽元素::after：

通過偽元素::after，可以在元素的內(nèi)容后面添加內(nèi)容或樣式，給超鏈接添加下劃線：

a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
}

4、使用SVG圖像：

可以使用SVG圖像來創(chuàng)建下劃線效果，創(chuàng)建一個(gè)簡單的SVG下劃線圖像：

<svg height="1" width="100%" style="position:absolute; bottom:0; left:0; background-color:#000;"></svg>

然后在CSS中引用該SVG圖像：

a {
  position: relative;
}
a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: url('path-to-your-svg-file.svg');
}

這種方法可以創(chuàng)建更復(fù)雜的下劃線樣式，如波浪形下劃線。