很多朋友都不喜歡鏈接上帶有下劃線,覺得這樣有大量鏈接的時候,看上去很亂,那麼用CSS如何去掉鏈接下劃線呢?其實很簡單,CSS text-decoration就有對下劃線的定義,一般情況下,我們在定義鏈接的時候可以將text-decoration的值設為none,如下代碼所示:
1
a:link {
text-decoration
:
none
}
text-decoration還有以下幾種取值:
none 默認。定義標准的文本。
underline 定義文本下的一條線。
overline 定義文本上的一條線。
line-through 定義穿過文本下的一條線。
blink 定義閃爍的文本。
inherit 規定應該從父元素繼承 text-decoration 屬性的值。
去掉下滑線,也就是將text-decoration的值設為 none;如果想要再加上下劃線,那就將text-decoration值設為underline;還有其它的幾種情況就自己試一下。