html滚动条对角线滚,在html或css中倾斜的对角线？

我想做一个这样的表

是否可以在表格中添加倾斜的对角线边框？

404_7@

基于

CSS3 linear-gradients解决方案,但角度不是硬编码的：

table:nth-of-type(1) td {

background-image: linear-gradient(

to top right,white 48%,black,white 52%

);

}

table:nth-of-type(2) td {

background-image: linear-gradient(

to top right,papayawhip calc(50% - 1px),papayawhip calc(50% + 1px)

);

}

/* for testing */

table {

border-collapse: collapse;

margin-top: 1em;

margin-bottom: 1em;

}

td:nth-child(odd) {

width: 10em;

}

td:nth-child(even) {

width: 20em;

}

Narrow	Wide
Narrow	Wide

Narrow	Wide
Narrow	Wide