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

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

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

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

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