CSS是用于設計和布局網頁的樣式表語言。下劃線( Underline)是一種CSS屬性，用于在文本中插入下劃線。通過使用下劃線屬性，可以在文本中添加下劃線，或者刪除下劃線。

下面是一些使用CSS切換下劃線的方法：

1. 使用絕對定位和破折號

使用絕對定位和破折號可以使下劃線在不同的元素之間移動。例如，可以使用絕對定位將下劃線放在父元素的頂部或底部，然后使用破折號將下劃線與父元素之間的內容分開。

```css

.parent {

position: relative;

.child {

position: absolute;

bottom: 10px;

color: #fff;

text-decoration: none;

display: none;

在上面的代碼中，`.parent`是父元素，`.child`是子元素。`.child`使用`position: absolute`定位到父元素的頂部，并設置`bottom`屬性為10px。`.parent`使用`display: flex`排列元素，并使用`text-decoration: underline`屬性將子元素的`.child`內容設置為下劃線。

2. 使用偽元素

使用偽元素可以使下劃線在不同的元素之間移動，并且可以保持文本的完整形態。例如，可以使用一個偽元素來將下劃線放在父元素的頂部和底部，然后使用另一個偽元素來顯示下劃線。

```html

<div class="parent">

<span class="child"></span>

<span class="child"></span>

</div>

在上面的代碼中，`.parent`是父元素，`.child`是子元素。`.parent`使用`display: flex`排列元素，并使用`text-decoration: underline`屬性將子元素的`.child`內容設置為下劃線。在父元素中，使用兩個偽元素來顯示下劃線。

3. 使用CSS選擇器

使用CSS選擇器可以使下劃線出現在不同的位置，并且可以根據需要進行定制。例如，可以使用`text-decoration-line`選擇器來創建一個下劃線的直線，并使用`text-decoration-type`選擇器來指定下劃線的類型。

```css

.parent {

text-decoration-line: underline;

text-decoration-type: line-through;

在上面的代碼中，`.parent`是父元素，使用`text-decoration-line`選擇器來創建一個下劃線的直線，并使用`text-decoration-type`選擇器來指定下劃線的類型。

以上是一些使用CSS切換下劃線的方法。通過使用這些方法，可以在不同的元素之間創建下劃線，并且可以根據需要進行定制。