CSS下劃線跟隨是指文本下劃線隨著鼠標(biāo)的懸停效果而移動。這樣的效果可以使文本看起來更加生動，增加用戶交互體驗。

為了實現(xiàn)下劃線跟隨效果，可以使用CSS的偽類選擇器:hover和偽元素選擇器::after，結(jié)合transform和transition屬性來設(shè)置下劃線的位置和移動動畫。

a {
position: relative;
}
a:hover::after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
background-color: #000;
transform: scaleX(0);
transform-origin: right;
transition: transform .3s ease;
}
a:hover::after {
transform: scaleX(1);
transform-origin: left;
}

在上面的代碼中，首先給a標(biāo)簽設(shè)置了相對定位，因為下劃線需要絕對定位相對于a標(biāo)簽。然后使用:hover偽類選擇器和::after偽元素選擇器來對鼠標(biāo)懸停事件進行定義，并在其內(nèi)部設(shè)置下劃線的樣式。在下劃線的樣式中，bottom屬性設(shè)置為-5px表示下劃線距離文本底部的距離為5px，left屬性設(shè)置為0表示下劃線距離文本左側(cè)為0px，width屬性設(shè)置為100%表示下劃線寬度等于文本寬度，height屬性設(shè)置為2px表示下劃線高度為2px，background-color屬性設(shè)置為#000表示下劃線顏色為黑色。transform屬性設(shè)置了下劃線初始狀態(tài)下不可見，當(dāng)鼠標(biāo)懸停時使用動畫效果將下劃線從右側(cè)擴展到左側(cè)，使用戶感覺到下劃線在跟隨鼠標(biāo)移動。

通過這種方式，實現(xiàn)了CSS下劃線跟隨的效果，提高了網(wǎng)頁的可視化效果和用戶交互體驗。