CSS下劃線滾動是一種常見的網頁設計技巧，可以增加頁面的動態感，吸引用戶的注意力。具體步驟如下：

/* 1.首先，給需要下劃線滾動的文本加上span標簽，并設置下劃線樣式 */
span {
text-decoration: underline;
}
/* 2.接下來，使用CSS3中的動畫屬性來控制下劃線的滾動效果 */
span::after {
content: '';
display: block;
width: 0;
height: 2px;
background-color: #000;
transition: width .3s;
}
/* 3.當鼠標懸停在文本上方時，下劃線滾動 */
span:hover::after {
width: 100%;
}

以上就是實現CSS下劃線滾動的基本步驟。需要注意的是，在實際應用中，可能需要對樣式進行微調，以達到更好的視覺效果。