css - CSSで傾斜した列ラベルを作成できますか?

Question

CSS を使用して、テーブルの列に垂直または傾斜した列ラベルを作成することは可能ですか?

Answer 1

CSS3 変換を使用して、テキストと要素を回転できます。

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

他に何もすることがないので、テーブル全体を模倣するjsFiddle デモをまとめました(編集:境界線付き!)。