在CSS中，可以使用text-decoration屬性來(lái)添加文字下劃線，下劃線顏色和樣式可以自定義。但是對(duì)于一些場(chǎng)景來(lái)說(shuō)，我們可能需要消除文字下劃線。那么要如何實(shí)現(xiàn)呢？下面將介紹兩種方法。

p {
text-decoration: none; /* 方法一：通過(guò)設(shè)置text-decoration屬性為none來(lái)消除下劃線 */
}

方法一很簡(jiǎn)單，只需要在需要消除下劃線的元素上添加上述樣式即可。

p {
border-bottom: none; /* 方法二：通過(guò)設(shè)置border-bottom屬性為none來(lái)消除下劃線 */
}

方法二同樣很簡(jiǎn)單，只需要將元素的border-bottom屬性設(shè)置為none即可。需要注意的是，如果該元素同時(shí)還有其他邊框樣式，在使用該方法時(shí)需要謹(jǐn)慎。如果不希望影響其他邊框，可以給該元素添加一個(gè)額外的類名，然后在該類名中設(shè)置border-bottom為none。

通過(guò)上述兩種方法，我們可以輕松地消除文字下劃線，便于頁(yè)面設(shè)計(jì)和美化。