CSS下橫線的去除方法

有時候我們在使用CSS樣式來美化網(wǎng)頁的時候，會發(fā)現(xiàn)一些文本出現(xiàn)了下劃線，這在某些情況下會顯得很不美觀，那么我們該怎么去掉這些下橫線呢？
一、使用text-decoration:none;
text-decoratioin是CSS里的文本修飾功能聲明，當(dāng)我們希望去掉文本下的下劃線時，我們可以將text-decoration設(shè)為none，從而去除下劃線。
例如：
p{ text-decoration:none; }
二、使用border-bottom: none;
在某些情況下，下橫線可能是一個border-bottom屬性，這時候我們可以將它的值設(shè)置為none來去除下橫線。
例如：
p{ border-bottom: none; }
三、使用過渡屬性transition補間動畫
這種方式可以讓線慢慢消失，并且消失時還帶有過渡動畫的效果。具體寫法如下：
例如：
p{
position: relative;
transition: height .5s, border-bottom-width .5s, border-color .5s;
border-bottom: dotted 1px red;
}
p:hover{
height: 30px;
border-bottom-width: 0;
border-color: transparent;
}
以上就是關(guān)于如何去除CSS下橫線的幾種方法，不同的情況可以使用相應(yīng)的方法來實現(xiàn)。