在CSS中,“下劃線”是指給文本添加一個底部邊框線,通常用于鏈接標簽中,以便指示該文本可以被點擊。下劃線效果是通過樣式表中的 text-decoration 屬性實現的。讓我們來看一下一些樣式表代碼:
a { text-decoration: underline; }
這是最簡單的用法。在上面的代碼中,我們將下劃線應用于所有鏈接。如果您只想在 hover 狀態下顯示下劃線,可以使用以下代碼:
a:hover { text-decoration: underline; }
您還可以通過設置 text-decoration-style 屬性來更改下劃線的樣式。下面是一些可用的值:
- solid (默認值):實線下劃線
- double:雙線下劃線
- dotted:點線下劃線
- dashed:虛線下劃線
- wavy:波浪線下劃線
這是一個將下劃線改為點線的示例:
a { text-decoration: underline dotted; }
最后,您可以使用 text-decoration-color 屬性來更改下劃線的顏色。這是一個將下劃線顏色更改為紅色的示例:
a { text-decoration: underline; text-decoration-color: red; }
總之,通過使用 text-decoration 屬性,我們可以輕松地添加、控制和自定義下劃線效果。