css th 角标 |css 四边都有阴影

th {
position: relative;
}
th:before {
content: "";
position: absolute;
right: -5px;
top: 50%;
border-top: 5px solid #333;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
transform: translateY(-50%);
}
th:after {
content: "";
position: absolute;
right: -5px;
bottom: 50%;
border-bottom: 5px solid #333;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
transform: translateY(50%);
}

上述代码实现的是标准的th角标样式，其中使用了伪元素和绝对定位来实现上下两个三角形，并且通过右侧的位置和负的transform值来将其居中对齐。如果需要修改样式可以对其大小、颜色、位置等进行调整。

th角标可以让表格单元格更加有层次感，提高表格的可读性，但需要注意的是在一些移动设备上可能存在显示问题，需要进行测试和适配。