在CSS中,超鏈接顯示下劃線的方法通常是通過設(shè)置text-decoration
屬性來實(shí)現(xiàn),以下是一些示例代碼,展示了如何為超鏈接添加下劃線:
示例1: 使用text-decoration
屬性
a { text-decoration: underline; }
示例2: 為特定鏈接添加下劃線
如果你想為特定的超鏈接添加下劃線,可以使用類(class)或ID來區(qū)分:
.my-link { text-decoration: underline; }
或者:
#my-id { text-decoration: underline; }
示例3: 去除其他裝飾并添加下劃線
如果你想保留其他裝飾(如顏色),同時(shí)添加下劃線,可以使用text-decoration-line
屬性:
a { text-decoration-line: underline; }
示例4: 使用style
屬性直接添加下劃線
在HTML中,你也可以直接使用style
屬性為鏈接添加下劃線:
<a href="https://html4.cn" style="text-decoration: underline;">鏈接</a>
示例5: 使用偽元素添加下劃線
另一種方法是使用偽元素(如::after
)來添加下劃線:
a::after { content: ""; border-bottom: 1px solid; }
這種方法可以為鏈接添加更復(fù)雜的樣式,包括顏色和樣式,希望這些方法能幫助你在CSS中正確地顯示超鏈接的下劃線。