jquery - 创建单元格的对 Angular 线边框

Question

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

任何想法将不胜感激。

Answer 1

如果你花足够长的时间，一切皆有可能，下面是一个使用一些创意边框和大量 CSS 的示例:

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

FIDDLE

还有一个使用 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);

FIDDLE

或者您可以只使用图片作为表格的背景。