在html或css中倾斜的对角线？

概述我想做一个这样的表 是否可以在表格中添加倾斜的对角线边框？ 基于 CSS3 linear-gradients解决方案,但角度不是硬编码的： table:nth-of-type(1) td { background-image: linear-gradient( to top right, white 48%, black, white 52% );}ta 我想做一个这样的表

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

解决方法 基于 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;}

<table border="1">  <tbody>    <tr>      <td>Narrow</td>      <td>WIDe</td>    </tr>    <tr>      <td>Narrow</td>      <td>WIDe</td>    </tr>  </tbody></table><table border="1">  <tbody>    <tr>      <td>Narrow</td>      <td>WIDe</td>    </tr>    <tr>      <td>Narrow</td>      <td>WIDe</td>    </tr>  </tbody></table>

总结

以上是内存溢出为你收集整理的在html或css中倾斜的对角线？全部内容，希望文章能够帮你解决在html或css中倾斜的对角线？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。