在CSS中，可以使用transform屬性來讓文字變成豎向的。 首先，在HTML中使用p標簽來創建段落，并給每個段落添加一個類名（比如“vertical-text”）。然后，在CSS中為這個類名添加如下樣式：

.vertical-text {
display: inline-block;
transform: rotate(-90deg);
transform-origin: top left;
white-space: nowrap;
}

上述樣式中，display屬性設置為inline-block，使得段落元素可以被旋轉而不會破壞頁面布局。 transform屬性的rotate方法讓文字逆時針旋轉90度，使其變成豎向的。 transform-origin屬性設置旋轉的起點位置，top left使得文字的左上角成為旋轉起點。 為了避免豎向排版時出現斷行，使用white-space屬性將文字的換行方式設置為“不自動換行”。 最后，為了讓整個頁面看起來更美觀，我們可以在body元素中添加如下CSS樣式：

body {
writing-mode: vertical-lr;
height: 100vh;
}

writing-mode屬性將頁面排版方向設置為縱向，同時height屬性將頁面高度設置為100vh，以使得整個頁面鋪滿豎向空間。