css写表格出来要竖着显示

要竖着显示表格,我们可以使用CSS中的display属性和transform属性来实现。首先,我们需要将表格中的列转化成行,这可以使用CSS的display属性来实现。

table {
    display: block;
}

td {
    display: table-row;
}

css写表格出来要竖着显示

接下来,我们需要将表格中的行旋转90度,这可以使用CSS的transform属性来实现。

table {
    transform: rotate(-90deg);
}

tr {
    transform: rotate(90deg);
}

最后,我们需要调整表格中单元格的位置和大小,使它们正确地显示在旋转后的表格中。

td {
    text-align: center;
    width: 30px;
    height: 30px;
    padding: 10px;
}

这样,我们就可以实现一个竖着显示的表格了。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效