CSS鼠標滑過下劃線特效是一種常見的網頁設計技巧。它可以為網頁添加動態、鮮明的效果，吸引用戶的注意力，提升用戶體驗。

.hover_line {
position: relative;
text-decoration: none;
}
.hover_line span {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background-color: #000;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.hover_line:hover span {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

上述代碼中，首先定義了一個class名為“hover_line”的樣式，它包含了一個相對定位和無下劃線的文本。接著，在文本外層套了一個絕對定位的span元素，并設置其底部為0，左右寬度100%，高度為2px，背景色為黑色。然后，將span元素的可見性設置為隱藏，添加一個transform表示將其水平縮放為0。

當鼠標滑過“hover_line”文本時，它的span元素的可見性將設置為“visible”，并將其transform屬性水平縮放為1。這時，文本下方會出現一條黑色的下劃線，形成了一種動態特效。

總之，使用 CSS 鼠標滑過下劃線特效可以讓網頁看起來更加時尚、生動，同時也能提高用戶的體驗感。如需查看更多 CSS 技巧和相關文檔，請關注 W3Cschool 中文網。