CSS下劃線粗細設置 在網頁設計中，下劃線是一個常見的設計元素。CSS中通過text-decoration來實現下劃線的添加和刪除。下劃線的粗細可以通過text-decoration-thickness屬性進行設置。 text-decoration-thickness屬性是CSS3新增的屬性，這個屬性用于設置文本裝飾線的厚度。這個屬性可以設置的值有：auto、from-font、或單位值。 - 當設置為auto時，瀏覽器會自動根據字體大小設置下劃線厚度。 - 當設置為from-font時，下劃線的厚度會從字體的輪廓寬度中獲得。 - 當設置為單位值時，下劃線的厚度將按照指定的單位值來設置。 下面的示例展示了如何使用text-decoration-thickness屬性來設置下劃線的粗細： ``` p { text-decoration: underline; text-decoration-thickness: 2px; } ``` 在這個例子中，我們使用text-decoration屬性添加了下劃線樣式，然后使用text-decoration-thickness屬性來設置下劃線的粗細為2px。 當然，你也可以為不同的字體設置不同的下劃線粗細。例如： ``` p { font-size: 20px; } p.underline-thin { text-decoration: underline; text-decoration-thickness: 1px; } p.underline-thick { text-decoration: underline; text-decoration-thickness: 3px; } ``` 在這個例子中，我們先給p標簽設置了一個字體大小為20px，然后定義了兩個類來分別設置下劃線的粗細。通過給不同的p標簽添加相應的類，我們就可以實現不同下劃線粗細的效果了。 總結 在CSS中使用text-decoration-thickness屬性來設置下劃線的粗細，可以讓我們在設計網頁時更加靈活自由地控制下劃線的效果。