html表格中加入斜线,在HTML中显示带斜线的表格

table{

border-collapse:collapse;

}

table,tr,td{

border:1px solid black;

}

td{

width:150px;/*这里需要自己调整，根据自己的需求调整宽度*/

height:50px;/*这里需要自己调整，根据自己的需求调整高度*/

position: relative;

}

td[class=first]:before{

content: "";

position: absolute;

width: 1px;

height:159px;/*这里需要自己调整，根据td的宽度和高度*/

top:0;

left:0;

background-color: black;

display: block;

transform: rotate(-71.5deg);/*这里需要自己调整，根据线的位置*/

transform-origin: top;

}

姓名	年龄	性别

原文：https://www.cnblogs.com/lpzpp/p/11448183.html

总结

以上是生活随笔为你收集整理的html表格中加入斜线,在HTML中显示带斜线的表格的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。