CSS可以很方便地給元素添加樣式。通過CSS，我們可以實現(xiàn)許多在HTML中難以實現(xiàn)的效果，如在div下方添加一條線。

div {
position: relative;
}
div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-bottom: 1px solid #ccc;
}

在上面的代碼中，我們首先設(shè)置div元素為相對定位，然后使用偽元素:after來添加下劃線。我們給偽元素的content屬性賦值為空字符串，這樣它就不會顯示任何內(nèi)容。然后我們將它的位置設(shè)置為相對于其父元素定位，即div元素。我們將它放置在div的底部，所以我們設(shè)置它的bottom屬性為0。然后我們設(shè)置偽元素的寬度為100%，這樣它就會與div元素的寬度相同。最后，我們給偽元素的下邊框添加1像素的實線，顏色為#ccc，這樣就完成了下劃線的添加。

如果您想要調(diào)整下劃線的顏色或大小，只需修改相應(yīng)的CSS屬性即可。如果您想要在某個元素中添加下劃線，只需將上述代碼中的div改為您想要添加下劃線的元素即可。