在網頁設計中，下劃線被廣泛應用，它可以用來突出重要文字、鏈接等。下面我們就來學習一下如何使用CSS來制作下劃線。

.text {
text-decoration: underline;
}

以上代碼是使用text-decoration屬性來設置下劃線，其中取值為“underline”。這種方法可以給文本、鏈接等添加下劃線效果。

.link {
border-bottom: 2px solid blue;
}

如果你想更換下劃線的顏色或寬度，可以使用border-bottom屬性。可以通過取值為“solid”或“dashed”來設置線條樣式，后面的數字設置下劃線寬度。

.hover {
text-decoration: none;
}
.hover:hover {
text-decoration: underline;
}

如果你想要鼠標懸停時才出現下劃線效果，可以使用:hover偽類。

以上就是CSS制作下劃線的方法，通過簡單的代碼設置就可以實現。希望你能在今后的網頁設計中靈活運用。