在網頁設計中，下劃線是一種常見的裝飾方式，可以用于標識重要的文本、鏈接等，下劃線的樣式也是多種多樣，其中用CSS實現下劃線效果也是比較常見的，下面就介紹下CSS下劃線的實現方式。

/*基礎下劃線*/
.underline{
border-bottom: 1px solid #000;
}
/*更多樣式的下劃線*/
.underline2{
/*雙下劃線*/
border-bottom: 1px double #000;
/*虛線*/
border-bottom-style: dotted;
/*寬度*/
border-bottom-width: 2px;
/*顏色*/
border-bottom-color: red;
/*間隔*/
border-bottom-style: dashed;
border-bottom-width: 3px;
border-bottom-color: blue;
}

可以看到，實現下劃線的最基本方式就是給文本添加一個下邊框，然后控制下邊框的樣式、顏色、寬度等來實現不同的下劃線樣式，通常這種實現方式稱為基礎下劃線。

除了基礎下劃線外，還可以實現雙下劃線、虛線、實線等不同樣式的下劃線，這些樣式是以border-bottom-style、border-bottom-width、border-bottom-color三個屬性的不同組合來實現的，同時也可以控制下劃線與文本的間隔等，使下劃線更加美觀。

總之，CSS下劃線制作起來非常簡單，只需要通過border-bottom屬性進行設置，就可以實現各種不同樣式的下劃線，對于網頁設計而言是不可或缺的一種裝飾方式。