CSS中，我們可以使用transform屬性來將橫線旋轉成豎線，以下是一個簡單的示例：

HTML代碼：

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

CSS代碼：

.line {
  width: 2px;
  height: 100px;
  background-color: #000;
  transform: rotate(90deg);
}

在這個示例中，我們創(chuàng)建了一個名為“l(fā)ine”的div元素，并設置了它的寬度、高度和背景顏色，我們使用transform屬性將其旋轉90度，以將其從橫線變?yōu)樨Q線。

需要注意的是，transform屬性的值可以根據(jù)需要進行調整，如果您希望將橫線旋轉成豎線，但方向相反，可以使用transform: rotate(-90deg)來實現(xiàn)。

CSS還提供了其他許多屬性可以用來控制元素的樣式和布局，例如position、top、left、right、bottom等，這些屬性可以與其他CSS規(guī)則結合使用，以創(chuàng)建更復雜的布局和動畫效果。

CSS提供了豐富的工具和技術來實現(xiàn)各種樣式和布局需求，通過學習和實踐，您可以掌握如何使用CSS來設計和構建美觀、實用的網頁界面。