CSS可以輕松地制作出各種各樣的表格，包括豎表格。和傳統的橫表格不同，豎表格的列和行是相反的。下面將介紹如何使用CSS制作簡單的豎表格。

table{
border-collapse: collapse;
margin: 0 auto;
}
td{
border: 1px solid black;
padding: 10px;
text-align: center;
width: 50px;
}
tr{
display: table-row;
position: relative;
}
/*第一列樣式*/
td:first-child{
position: absolute;
left: -50px;
top: auto;
bottom: auto;
width: 50px;
height: 100%;
}
/*第一行樣式*/
tr:first-child td{
border-top: 0;
}
/*最后一行樣式*/
tr:last-child td{
border-bottom: 0;
}
/*奇數行樣式*/
tr:nth-child(odd){
background-color: #f2f2f2;
}
/*偶數行樣式*/
tr:nth-child(even){
background-color: #ffffff;
}

上述代碼中，<table>標簽用于定義一個表格，<td>標簽用于定義單元格，<tr>標簽用于定義行。

豎表格的關鍵在于使用絕對定位將第一列移動到表格外面。代碼中的position: absolute和left: -50px將第一列移到了表格的左邊。

在設置豎表格的樣式時，我們也需要注意單元格邊框的相鄰問題。我們在第一行的樣式中使用border-top: 0來取消第一行單元格的上邊框；在最后一行的樣式中使用border-bottom: 0來取消最后一行單元格的下邊框。

在樣式代碼的最后，我們使用:nth-child(odd)和:nth-child(even)偽類來設置奇數行和偶數行的背景顏色。

以上就是使用CSS制作豎表格的方法和代碼示例。需要注意的是，這只是一個簡單的豎表格示例，實際應用中可能需要根據具體需求進行調整和完善。