表格标题竖直

使用文本方式使表格怎么竖列

思路：表格竖直书写，里面的内容水平书写
使用到的是css中的文本效果：

writing-mode：书写方式

horizontal-tb：水平

 vertical-rl：竖直

    <style>
       table {
         writing-mode: vertical-lr;
         border: 1px solid #555;
         border-collapse: collapse;
     }
     td,
     th {
         width: 80px;
         border: 1px solid #555;
         writing-mode: horizontal-tb;
     }
    </style>
    <table>
        <tr>
            <th>单元格1</th>
            <th>单元格2</th>
            <th>单元格3</th>
        </tr>
        <tr>
            <td>单元格4</td>
            <td>单元格5</td>
            <td>单元格6</td>
        </tr>
    </table>

显示：