CSS是前端開發中必不可少的一部分，它可以用來控制HTML文檔中的樣式。其中，文字排列也是CSS所能實現的一種效果。除了常規的橫排文字，CSS還可以將文字排列變成豎排文字。下面來介紹如何使用CSS來實現豎排文字的效果。

/* 豎排文字CSS代碼 */
/* 設置文字排列為豎向排列 */
writing-mode: vertical-rl;
/* 設置文字從右向左排列 */
text-orientation: upright;
/* 設置文字間距 */
letter-spacing: 1em;
/* 設置文字行距 */
line-height: 2em;

首先，需要使用CSS的writing-mode屬性來將文字排列設置為豎向排列。其中，"vertical-rl"表示豎向排列，"horizontal-tb"表示橫向排列。接著，使用CSS的text-orientation屬性來設置文字的方向，"upright"表示文字垂直排列的方向為從下至上，"sideways-right"表示文字橫向排列的方向為從右至左。此外，還可以使用CSS的letter-spacing和line-height屬性來控制文字的間距和行距。

需要注意的是，如果要在HTML文檔中實現豎排文字的效果，必須先設置文字的排列方向，否則可能會出現文字錯亂的情況。另外，豎排文字的閱讀體驗并不是很好，適用范圍也較為有限，需要酌情使用。