在CSS中，下劃線是一種常見的裝飾元素，可以用于強調文字或者鏈接。要在CSS中添加下劃線，可以通過text-decoration屬性來實現。 首先，需要明確下劃線的大小，顏色以及位置。下劃線的大小可以通過設置border-bottom的寬度來實現，顏色可以通過設置color屬性來控制。而下劃線的位置，則需要注意行高的影響。如果行高與字體大小相等，那么下劃線將會緊貼著文本。如果行高大于字體大小，則下劃線會留有一定的空隙。 以下是一個簡單的CSS代碼樣例，展示了如何添加下劃線：

p {
font-size: 18px;
line-height: 1.5;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
border-bottom: 2px solid blue;
}

在上述代碼中，我們將p標簽的字體大小設置為18px，行高設置為其字體大小的1.5倍。這樣做是為了讓文本在呈現時看起來更加清晰。 接下來，我們設置a標簽的文字裝飾為none，這樣當鼠標不在鏈接上方時，就不會出現下劃線。 當鼠標移動到鏈接上時，我們將a標簽的文字裝飾設置為underline，這會在鏈接下方添加一條下劃線。同時，我們也設置了border-bottom屬性來定義下劃線的大小和顏色。這里，我們將下劃線的寬度設置為2px，顏色為藍色。 最終，我們實現了一個簡單的下劃線效果，通過修改樣式可以自由地調整下劃線的大小，顏色以及位置。