CSS下劃線交互指的是當(dāng)用戶將鼠標(biāo)懸停在文本上時，下劃線發(fā)生改變，以增強(qiáng)交互效果。下面是一個簡單的示例代碼：

a {
text-decoration: none;
position: relative;
}
a:hover::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 2px;
background-color: #000;
}

代碼中的標(biāo)簽指的是需要添加下劃線交互的文本，text-decoration: none;用于去除默認(rèn)下劃線。接下來為標(biāo)簽添加一個偽元素::after，用于生成下劃線。使用position: absolute;和bottom:-2px;使下劃線相對于標(biāo)簽底部偏移2像素，以視覺上與文本相連。

當(dāng)用戶將鼠標(biāo)懸停在文本上時，:hover偽類觸發(fā)，:hover::after為標(biāo)簽添加下劃線，并將background-color設(shè)置為黑色。此時，下劃線已經(jīng)變成了動態(tài)的，讓用戶更易于理解文本所在的位置。

需要注意的是，這種方法只適用于單行文本。對于多行文本，需要更復(fù)雜的技巧才能實(shí)現(xiàn)良好的效果。