<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>td加斜線</title> <style> table{ border-collapse:collapse; } table,tr,td{ border:1px solid black; } td{ width:100px;/*這里需要自己調整，根據自己的需求調整寬度*/ height:50px;/*這里需要自己調整，根據自己的需求調整高度*/ position: relative; } td[class=first]:before{ content: ""; position: absolute; width: 1px; height:114px;/*這里需要自己調整，根據td的寬度和高度*/ top:0; left:0; background-color: black; display: block; transform: rotate(-63deg);/*這里需要自己調整，根據線的位置*/ transform-origin: top; } </style> </head> <body> <table> <tr> <th>姓名</th> <th>年齡</th> <th>性別</th> </tr> <tr> <td class="first"></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> </body>
</html>