CSS將縱向線段改為橫向線段示例：

在 CSS 中，我們可以使用 `border-right-style` 和 `border-right-width` 屬性來創(chuàng)建一個橫向線段。相反地，我們可以使用 `border-left-style` 和 `border-left-width` 屬性來創(chuàng)建一個縱向線段。

以下是一個簡單的示例，演示如何使用 CSS 將縱向線段改為橫向線段：

```html

<div class="rectangle">

<div class="line"></div>

</div>

在上面的代碼中，我們使用了 `.rectangle` 類來創(chuàng)建一個矩形元素，并使用 `.line` 類來創(chuàng)建一個線段元素。

接下來，我們使用 CSS 屬性 `border-right-style` 和 `border-right-width` 來設(shè)置線段的樣式。我們將 `border-right-style` 設(shè)置為 `line-through`，這將使線段呈現(xiàn)出一個穿過其他線段的直線效果。我們將 `border-right-width` 設(shè)置為 `1px`，這將設(shè)置線段的寬度為 1 像素。

接下來，我們使用 CSS 屬性 `border-left-style` 和 `border-left-width` 來設(shè)置線段的樣式。我們將 `border-left-style` 設(shè)置為 `line-through`，這將使線段呈現(xiàn)出一個穿過其他線段的直線效果。我們將 `border-left-width` 設(shè)置為 `1px`，這將設(shè)置線段的寬度為 1 像素。

現(xiàn)在，我們只需要在需要使用線段的地方添加一個 `.line` 元素，即可將線段設(shè)置為橫向線段。例如：

```html

<div class="rectangle">

<div class="line"></div>

</div>

在上面的代碼中，我們使用了 `.rectangle` 類來創(chuàng)建一個矩形元素，并使用 `.line` 類來創(chuàng)建一個線段元素。現(xiàn)在，我們將 `.line` 元素設(shè)置為橫向線段，如下所示：

```css

.rectangle .line {

border-left-style: line-through;

border-left-width: 1px;

現(xiàn)在，我們只需要在需要使用線段的地方添加一個 `.line` 元素，即可將線段設(shè)置為橫向線段。例如：

```html

<div class="rectangle">

<div class="line"></div>

</div>

在上面的代碼中，我們使用了 `.rectangle` 類來創(chuàng)建一個矩形元素，并使用 `.line` 類來創(chuàng)建一個線段元素。現(xiàn)在，我們將 `.line` 元素設(shè)置為橫向線段，如下所示：

```css

.rectangle .line {

border-left-style: line-through;

border-left-width: 1px;

現(xiàn)在，無論我們?nèi)绾畏胖?`.rectangle` 元素，它都將自動轉(zhuǎn)換為橫向線段，使我們可以輕松地在網(wǎng)頁中使用線段。