在CSS中，實(shí)現(xiàn)鼠標(biāo)出現(xiàn)下劃線的效果，可以通過使用CSS的偽類:hover來實(shí)現(xiàn)，這個(gè)偽類可以捕捉到鼠標(biāo)懸停的事件，然后應(yīng)用相應(yīng)的樣式。

你需要有一個(gè)HTML元素，比如一個(gè)段落或者一個(gè)鏈接，你可以在這個(gè)元素的CSS樣式中使用:hover偽類來定義當(dāng)鼠標(biāo)懸停在這個(gè)元素上時(shí)，元素應(yīng)該有的樣式。

如果你想要一個(gè)鏈接在鼠標(biāo)懸停時(shí)出現(xiàn)下劃線，你可以這樣寫CSS樣式：

a:hover {
    text-decoration: underline;
}

這段CSS樣式表示，當(dāng)鼠標(biāo)懸停在一個(gè)鏈接（a元素）上時(shí)，這個(gè)鏈接會(huì)出現(xiàn)下劃線（text-decoration: underline）。

如果你想要這個(gè)效果只在鏈接的文本部分出現(xiàn)，而不是整個(gè)鏈接區(qū)域，你可以使用JavaScript來動(dòng)態(tài)地添加和移除下劃線樣式，以下是一個(gè)簡(jiǎn)單的JavaScript代碼示例：

var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
    links[i].onmouseover = function() {
        this.style.textDecoration = 'underline';
    };
    links[i].onmouseout = function() {
        this.style.textDecoration = 'none';
    };
}

這段代碼會(huì)遍歷所有的鏈接（a元素），然后為每一個(gè)鏈接添加兩個(gè)事件處理函數(shù)：一個(gè)是當(dāng)鼠標(biāo)懸停在鏈接上時(shí)添加下劃線樣式，另一個(gè)是當(dāng)鼠標(biāo)離開鏈接時(shí)移除下劃線樣式。