html - CSS 上的边框高度

Question

我有一个表格 TD，我想在它的右边添加一个 1 像素的边框，所以我这样做了:

table td {
    border-right:1px solid #000;
}

它工作正常，但问题是边框的高度占用了 TD 的总高度。

有没有办法设置边框的高度？

Answer 1

我还有一种可能。这当然是一种“较新”的技术，但对于我的元素来说已经足够了。

它仅在您需要一个或两个边框时才有效。我从来没有用 4 个边框做过……老实说，我还不知道答案。

.your-item {
  position: relative;
}

.your-item:after {
  content: '';
  height: 100%; //You can change this if you want smaller/bigger borders
  width: 1px;

  position: absolute;
  right: 0;
  top: 0; // If you want to set a smaller height and center it, change this value

  background-color: #000000; // The color of your border
}

我希望这对您也有帮助，对我来说，这是一个简单的解决方法。