jquery – 创建单元格的对角边框

前端之家收集整理的这篇文章主要介绍了jquery – 创建单元格的对角边框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道是否甚至可能使用css或 jquery创建一个带对角线的表,如下所示:

任何想法将不胜感激.

解决方法

任何事情都是可能的,如果你解决它足够长的时间,这里是一个使用一些创意边界和很多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

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

猜你在找的jQuery相关文章