SOURCE

<table>
 
  <tr>
    <td class="first">
    </td>
    <td>
    </td>
    <td>
    </td>
  </tr>
  <tr>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
  </tr>
</table>

body{
  background:#fff;
  
}
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;
}