在CSS中添加下劃線是一種常見(jiàn)的文字效果。通常情況下，下劃線的位置緊貼著文字底部。但是有時(shí)候我們希望下劃線能夠往下延伸，與文字稍稍分開(kāi)，這樣更美觀。

.text{
text-decoration: underline;
text-underline-offset: 0.1em;
}

以上是實(shí)現(xiàn)下劃線稍稍往下延伸的CSS代碼。其中，text-decoration: underline;表示添加下劃線效果，text-underline-offset: 0.1em;則控制下劃線往下延伸的距離。

需要注意的是，這個(gè)屬性并不是所有的瀏覽器都支持。在使用上需要測(cè)試兼容性。

另外，有一種叫做“偽下劃線”的效果，也可以實(shí)現(xiàn)下劃線稍微往下延伸的視覺(jué)效果。

.text{
position: relative;
}
.text::after{
content: "";
position: absolute;
left: 0;
bottom: -0.1em;
width: 100%;
border-bottom: 1px solid #000;
}

以上是實(shí)現(xiàn)偽下劃線效果的CSS代碼。其中，通過(guò)position: relative;讓父元素建立相對(duì)定位，控制::after的位置和寬度，最后通過(guò)border-bottom: 1px solid #000;添加下劃線。

在實(shí)際使用中，我們可以根據(jù)具體情況選擇使用哪種方式實(shí)現(xiàn)稍稍延伸的下劃線效果。