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下划线滚动的基本步骤。需要注意的是，在实际应用中，可能需要对样式进行微调，以达到更好的视觉效果。