CSS中，我們可以使用transform屬性來(lái)將水平線垂直，以下是一個(gè)簡(jiǎn)單的例子：

hr {
  transform: rotate(90deg);
}

在這個(gè)例子中，hr元素被旋轉(zhuǎn)了90度，從而使其從水平線變?yōu)榇怪本€，你可以根據(jù)需要調(diào)整旋轉(zhuǎn)的角度。

如果你想要讓這條垂直線居中顯示，可以使用flexbox布局來(lái)實(shí)現(xiàn)：

hr {
  transform: rotate(90deg);
  position: absolute;
  top: 50%;
  left: 50%;
}

在這個(gè)例子中，hr元素被旋轉(zhuǎn)了90度，并且被定位在頁(yè)面的中心位置，你可以根據(jù)需要調(diào)整top和left屬性的值來(lái)調(diào)整垂直線的位置。

需要注意的是，使用transform屬性來(lái)旋轉(zhuǎn)元素可能會(huì)影響元素的尺寸和形狀，在使用這種方法時(shí)，需要確保元素的尺寸和形狀符合你的需求。

CSS中可以使用transform屬性來(lái)將水平線垂直，并且可以通過(guò)調(diào)整旋轉(zhuǎn)的角度和位置來(lái)進(jìn)一步定制垂直線的樣式。