css - 可以使用 CSS 创建倾斜的列标签吗？

Question

是否可以使用 CSS 在表格的列上创建垂直或倾斜的列标签？

Answer 1

您可以使用 CSS3 transforms 旋转文本和元素:

th[scope="col"] {
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

没有更好的事可做，我整理了一个 jsFiddle demo模仿您的整个表格(编辑:现在有边框!)。