如何使边框底部颜色高于边框右侧颜色？

Question

在下面的示例中，边框右侧颜色优先于边框底部颜色。

有没有办法让水平边界线在垂直线上不中断地流动？

table th,
table td {
  border-right: 10px solid rgba(229, 231, 235);
  border-bottom: 10px solid rgba(229, 231, 235);
}

table th {
  border-bottom: 10px solid rgba(156, 163, 175);
}

<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"/>
<table>
  <tr>
    <th>a</th>
    <th>b</th>
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
  </tr>
</table>

Answer 1

这是你想要的吗？

table th,
table td {
  border-right: 10px solid rgba(229, 231, 235);
  border-bottom: 10px solid rgba(229, 231, 235);
}
table tr{
  border-bottom: 10px solid rgba(229, 231, 235);
}
table th {
  border-bottom: 10px solid rgba(156, 163, 175);
}

<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"/>
<table>
  <tr>
    <th>a</th>
    <th>b</th>
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
  </tr>
</table>