下劃線( Underline)是CSS中用于在文本之間添加間隔和強調的一種特殊字符，其使用方式如下：

1. 使用絕對定位和負距離：下劃線可以被使用在絕對定位的元素上，例如：

<div style="position: absolute; top: 50px; height: 100px;">

<span style="color: blue; display: inline-block; width: 10px; height: 10px; background-color: red;">下劃線</span>

</div>

這段代碼會在定位元素周圍添加一個藍色的下劃線，同時寬度和高度均為10像素，背景顏色為紅色。

2. 使用偽元素和內部塊級元素：下劃線可以被使用在偽元素和內部塊級元素上，例如：

<div style="display: flex; flex-wrap: wrap;">

<div style="display: flex; flex-direction: column; height: 100px;">

<span style="color: blue; display: inline-block; width: 10px; height: 10px; background-color: red;">下劃線</span>

<p>這是一段文本。</p>

</div>

<div style="display: flex; flex-direction: column; height: 100px;">

<span style="display: inline-block; width: 10px; height: 10px; background-color: red;">下劃線</span>

<p>這是一段文本。</p>

</div>

</div>

這段代碼會在兩個偽元素之間添加一個藍色的下劃線，同時第一個偽元素內部包含一個文本節點，第二個偽元素內部包含一個元素節點。

3. 使用邊框和底紋：下劃線可以被使用在帶有邊框和底紋的元素上，例如：

<div style="border-bottom: 1px solid blue;">

<span style="color: blue; display: inline-block; width: 10px; height: 10px; background-color: red;">下劃線</span>

</div>

這段代碼會在帶有邊框和底紋的元素周圍添加一個藍色的下劃線。

總之，下劃線在CSS中有多種使用方式，可以根據具體需求選擇不同的下劃線樣式。同時，下劃線的正確使用可以提高網頁的可讀性和美觀度，使內容更加清晰和突出。