CSS表格豎排文本框使得表格內容更加美觀，同時也充實了頁面的布局。下面我們來學習如何使用CSS表格豎排文本框。

table {
border-collapse: collapse;
width: 100%;
}
td {
border: 1px solid black;
padding: 5px;
}
.rotate {
height: 50px;
white-space: nowrap;
writing-mode: vertical-rl;
transform: rotate(180deg);
}

首先，我們需要使用CSS中的 table 標簽來創建一個表格。接下來，我們需要為 td 標簽添加邊框和內邊距。接著，我們需要給需要豎排的文本框添加一個類名，比如這里我們使用的是 rotate。

在 CSS 中，我們需要通過 writing-mode 屬性來設置文本的方向。這里我們使用 vertical-rl 來設置豎排的文本框方向。

為了讓文本框正確的顯示，我們還需要設置 white-space 屬性的值為 nowrap，同時使用 transform 屬性來旋轉文本框。

通過以上的步驟，我們就可以創建出一個美觀的CSS表格豎排文本框了。