创建单元格的对角线边框

Question

我想知道是否有可能使用css或jquery创建一个带有对角线边界线的表,如下所示:

任何想法将不胜感激.

Answer 1

如果你用足够长的时间做任何事都是可能的,这里有一个使用一些创意边框和大量CSS的例子:

.arrow_box:after, .arrow_box:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

小提琴

另一个使用CSS3旋转:

-webkit-transform: rotate(26.5deg);
   -moz-transform: rotate(26.5deg);
    -ms-transform: rotate(26.5deg);
     -o-transform: rotate(26.5deg);
        transform: rotate(26.5deg);

小提琴

或者您可以使用图像作为表格的背景.