當(dāng)我們使用CSS時(shí),經(jīng)常會(huì)遇到需要給鏈接添加下滑下線的情況。但是,在某些情況下,我們需要去掉這個(gè)下滑下線。下面就介紹一些方法:
a { text-decoration: none; }
我們可以使用上述代碼來(lái)去掉所有鏈接的下滑下線。這是最簡(jiǎn)單的方法,但是會(huì)讓所有鏈接都沒(méi)有下滑下線。
a:link { text-decoration: none; }
如果我們只想去掉沒(méi)有訪問(wèn)過(guò)的鏈接的下滑下線,可以使用上述代碼。這樣,已經(jīng)訪問(wèn)過(guò)的鏈接在默認(rèn)情況下還是有下滑下線的。
a:hover { text-decoration: none; }
如果我們希望只在鼠標(biāo)滑過(guò)鏈接時(shí)去掉下滑下線,可以使用上述代碼。
a:visited { text-decoration: none; }
如果我們希望去掉所有已經(jīng)訪問(wèn)過(guò)的鏈接的下滑下線,可以使用上述代碼。
總之,我們可以根據(jù)需要使用不同的方法來(lái)去掉鏈接的下滑下線。