Possible to create tilted column labels with CSS?
Is it possible to cre开发者_运维问答ate vertical or slanted column labels on the columns of a table, using CSS?
You can rotate text and elements using CSS3 transforms:
th[scope="col"] {
-moz-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
Having nothing better to do, I put together a jsFiddle demo mimicking your entire table (EDIT: now with borders!).
精彩评论