在CSS中画一条很细的白线

这听起来可能很傻，但我不知道如何使细线小于1px

我要找的是这样的东西：

如果您这样做：

    .nav-bar {
       border-bottom: 1px;
    }

它的厚度几乎是它的两倍，如果不是三倍的话。您可能也知道，执行

1em

只需将其四舍五入到

1px

---

有人有什么想法吗？

只需使用不透明度就可以给人留下线条比1px细的印象

正如user@Papa指出的，1px是您可以指定的最小测量值：

.nav-bar {
    border-bottom: 1px solid rgba(0,0,0,0.25)
}

.nav栏{
边框底部：1px实心rgba（255255255，.25）；
}

这将生成一条不透明度为25%的白色1px线。这与您的示例页面大致相同。透明度是关键；这条线不能小于1px

片段：

正文{
背景：黑色；
}
.导航栏{
宽度：100%；
高度：100px；
边框底部：1px实心rgba（255255255，.25）；
}

---

您可以创建一个线条小于1px的图像，然后将其作为边框。您链接到的站点使用1px边框。它将不透明度降低到25%，使其看起来更小。我会试试的。顺便说一句，1px是您可以使用的最低测量值。