HTML中的水平和对角表

Question

对角表格列/单元格可以用HTML / CSS / Javascript实现吗？

我一直在谷歌搜索几个小时，我能找到的唯一资源是对角分割单元格而不是旋转表格/列的一部分。

截图：

Answer 1

与@JakeGould一样，您希望使用Div或更好的Ul代码。 至于转弯，使用CSS3旋转完成的表：

transform:rotate(-45deg);
-ms-transform:rotate(-45deg); /* IE 9 */
-moz-transform:rotate(-45deg); /* Firefox */
-webkit-transform:rotate(-45deg); /* Safari and Chrome */
-o-transform:rotate(-45deg); /* Opera */

所以基本上你的表是由两个表组成的，一个是正常的，另一个是使用CSS3来旋转。

Answer 2

至少可以说这似乎很复杂。我不会尝试使用任何<table>代码，而是<div>，<ul>＆amp; <li>个标签。但我相信现代CSS选项是可行的。

Answer 3

这里有2张桌子。旋转平方英尺。然后将部分内容旋转回初始位置。没有背景颜色的数字可以是表格的一部分，重置bg颜色或表格的单独表格，如列表，旋转并且位于桌子附近。玩得很开心！