CSS3的下劃線效果可以通過text-decoration來實現。text-decoration屬性是一種描述文本修飾線的屬性。默認情況下,它是細實線(solid);但是,可以使用CSS3的text-decoration-style屬性更改線條的類型,并使用text-decoration-color屬性來改變下劃線的顏色。
下劃線的寬度可以使用CSS3的text-decoration-thickness來設置。text-decoration-thickness為文本修飾線設置粗細或寬度。它的默認值是medium。可以通過設定值來預定義這個屬性:thin、medium、thick或任何長度值。
p { text-decoration: underline; text-decoration-style: dotted; text-decoration-color: black; text-decoration-thickness: 2px; }
上面的代碼將給所有的 p 元素添加一個帶有2像素粗度的點式下劃線,并且顏色為黑色。
需要注意的是,text-decoration-style和text-decoration-color屬性必須在text-decoration-thickness屬性設定之前定義,否則它不會生效。