可以用CSS创建倾斜的列标签吗?

时间:2011-07-28 00:05:27

标签: css css3 rotation labels

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

Sample table with fake data

1 个答案:

答案 0 :(得分:3)

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

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

没有更好的事情要做,我整理了jsFiddle demo模仿整个桌子(编辑:现在有边框!)。