CSS中可以通過writing-mode屬性來實現文字橫向變豎向的效果，該屬性有三個可選值，分別是:

.horizontal-lr{
writing-mode: horizontal-tb; /* 默認值，表示橫向排列 */
}
.vertical-lr{
writing-mode: vertical-lr; /* 表示從上往下的豎向排列 */
}
.vertical-rl{
writing-mode: vertical-rl; /* 表示從下往上的豎向排列 */
}

其中，horizontal-tb值表示橫向排列，也就是我們常見的左到右的橫向排列方式；vertical-lr值表示從上往下的豎向排列，例如日語、中文等豎寫文字排列方式；vertical-rl值表示從下往上的豎向排列，例如阿拉伯語的排列方式。

在使用writing-mode屬性時，我們還需要注意一些細節：

• 在vertical-lr和vertical-rl排列方式下，text-align屬性無效，因為文字的起始位置已經改變了。
• 在vertical-rl排列方式下，會出現文字倒立的效果，可以通過transform: rotate(180deg)來修正。
• 在某些瀏覽器（如Safari）中，writing-mode屬性需要加上-webkit-前綴才能生效。

總之，通過writing-mode屬性，我們可以很方便地實現文字的橫向變豎向，使網站的排版更加靈活多樣。