豎排網頁是一種在東亞地區很流行的網頁布局方式。與西方網頁垂直布局不同，豎排網頁是水平布局的。使用 CSS 樣式可以很容易地實現豎排網頁效果。 在 CSS 中，可以通過 writing-mode 屬性來控制文字的排列方式。這個屬性可以有四個值：horizontal-tb、vertical-rl、vertical-lr、sideways-rl 和 sideways-lr。其中，vertical-rl 和 vertical-lr 可以將文字豎直排列，而 sideways-rl 和 sideways-lr 則可以將文字沿著一個軸旋轉 90 度或 -90 度。 要實現豎排網頁，我們可以在樣式表中設置 body 元素的 writing-mode 屬性為 vertical-rl。這樣，網頁的整個布局就會沿著一個垂直的方向排列，元素也會隨之相應地旋轉。 以下是豎排網頁 CSS 樣式的示例代碼：

body {
writing-mode: vertical-rl;
font-size: 16px;
font-family: "Microsoft Yahei", sans-serif;
line-height: 1.5em;
color: #333;
margin: 0;
padding: 0;
}
p {
margin: 0;
padding: 0;
border: none;
text-align: justify;
}

在上面的樣式中，我們設置了豎排網頁的基本樣式： - writing-mode: vertical-rl：使整個頁面垂直排列。 - font-size：設置字體大小。 - font-family：設置字體。 - line-height：設置行高。 - color：設置文字顏色。 - margin 和 padding：將頁面邊距和內邊距設為 0，以確保頁面的內容能夠完全顯示出來。 - p 元素的樣式：將段落元素的 margin、padding 和 border 屬性都設為 0，并將文字排列方式設置為 justify，以保持文字的對齊效果。 總之，使用 CSS 樣式可以很輕松地實現豎排網頁效果。通過設置 writing-mode 屬性，我們可以輕松地控制頁面布局，使頁面文字沿著豎直方向排列。