最近在網上看到了很多有趣的CSS效果，其中一個就是將字體變成豎排的效果，非常酷炫！下面介紹一下如何實現這個效果。

/*將字體豎排*/
.vertical-text {
writing-mode: tb-rl; /*使文字從上到下排列*/
transform: rotate(-180deg); /*垂直翻轉文本內容*/
white-space: nowrap; /*防止文字斷行*/
}

代碼很簡單，主要是通過CSS中的writing-mode屬性和transform屬性來實現的。writing-mode屬性的tb-rl表示文字從上到下排列（tb代表top-to-bottom，rl代表right-to-left），而transform屬性的rotate(-180deg)表示將文字垂直翻轉180度。

此外，還需要添加white-space: nowrap屬性，防止文字在豎排的情況下出現換行。

通過應用這些CSS屬性，我們可以為網站添加更酷炫的效果。不過需要注意的是，這個效果可能會影響到網頁的閱讀體驗，因此需要謹慎使用。