CSS中，我們可以使用transform屬性將橫線變?yōu)樨Q線，以下是一個(gè)簡(jiǎn)單的例子：

HTML代碼：

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

CSS代碼：

.line {
  width: 2px; /* 定義橫線的寬度 */
  height: 100px; /* 定義橫線的長(zhǎng)度 */
  background-color: #000; /* 定義橫線的顏色 */
  transform: rotate(90deg); /* 將橫線旋轉(zhuǎn)90度變?yōu)樨Q線 */
}

在這個(gè)例子中，我們定義了一個(gè)名為“l(fā)ine”的div元素，并設(shè)置其寬度、高度和背景顏色，我們使用transform屬性將其旋轉(zhuǎn)90度，從而將其從橫線變?yōu)樨Q線，您可以根據(jù)需要調(diào)整橫線的寬度、長(zhǎng)度和顏色，以及旋轉(zhuǎn)的角度。

除了transform屬性外，我們還可以使用CSS的其他屬性來進(jìn)一步定制豎線的樣式，如border、outline等，這些屬性可以用來設(shè)置豎線的邊框、輪廓等樣式，從而使其更加符合您的需求。

CSS提供了多種方法將橫線變?yōu)樨Q線，您可以根據(jù)自己的需求選擇***適合的方法。