在CSS中,text-decoration
屬性被用來為文本添加裝飾,如下劃線、刪除線、或加粗等等。如果我們想要去掉文本下劃線,我們可以通過text-decoration: none;
來實現。
但是,如果我們想要為某個特定的元素去掉下劃線,而并不是為整個頁面的所有鏈接去掉下劃線,該怎么辦呢?這時候,我們可以使用ul
元素的偽類a
來實現。
ul li a {
text-decoration: none;
}
以上代碼,將為ul
元素下的所有li
元素中的鏈接去掉下劃線。我們也可以通過a:hover
來指定鏈接在鼠標懸停時是否出現下劃線,如下:
ul li a:hover {
text-decoration: underline;
}
以上代碼將會在鼠標懸停時讓鏈接恢復下劃線。如果我們想要為某個特定的鏈接去掉下劃線,我們可以給該鏈接添加一個特殊的class名稱,并在CSS中進行設置。
<a class="no-underline" href="#">無下劃線鏈接</a>
.no-underline {
text-decoration: none;
}
以上代碼將會為鏈接添加no-underline
類名,并在CSS中為該類名設置text-decoration:none;
,進而去掉該鏈接的下劃線。
上一篇tr內行距css
下一篇tp5怎么引入 css