css实现表头斜线

Fresh_Ape

于 2022-07-01 11:19:11 发布

阅读量433

点赞数

分类专栏： css 文章标签： css 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_41592847/article/details/125555296

版权

css 专栏收录该内容

1 篇文章

订阅专栏

td[class=first]:before{
content: "";
position: absolute;
width: 1px;
height:140px;/*这里需要自己调整，根据td的宽度和高度*/
top:213px;
left:0;
background-color: black;
display: block;
transform: rotate(-44deg);/*这里需要自己调整，根据线的位置*/
transform-origin: top;
}


before 伪元素可用span代替

<span style="position: absolute;width: 1px;height:140px;/*这里需要自己调整，根据td的宽度和高度*/top:213px;left:0;background-color: black;display: block;transform: rotate(-44deg);/*这里需要自己调整，根据线的位置*/transform-origin: top;"></span>