border-left与1px来自维护者

Question

我想在html中的一个表中留下一个边框。 这是表

.weTable td{
border-color:#dcdcdc;
border-width:1px;
border-style:solid;
}

这是表格单元格，它有表格

border-left: 15px solid #548dd4;

我的问题是我想要一条垂直线，而不是这条直线。

立即

我想要的是什么：

Answer 1

试试这个？

table {
border-left: 15px solid #548dd4;
border-spacing: 0px;}

Answer 2

问题是由于边界以某个角度相遇，所以除非你从顶部移开边框，否则你无法直接“加入”。

作为替代方案，您可以向单元格添加额外的padding-left并使用插入框阴影，如此。

table {
  border-collapse: separate;
  border-spacing: 5px;
  margin: 1rem;
  text-align: center;
}
table td {
  width: 50px;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  padding: 50px;
  padding-left: 65px;
  position: relative;
}
table td {
  box-shadow: inset 15px 0 0 lightblue;
}

<table class="shadow">
  <tr>
    <td>aaa</td>
    <td>aaa</td>
    <td>aaa</td>
  </tr>
</table>