CSS 3-使边框底部实线变细

我想用css3画一条线，并把它放在一个元素下面。最明显的选择是边框底部，我将其设置为实心。结果线比我想要的要粗一点。有没有办法让它变薄

编辑：

密码。对不起，我很晚才睡懒觉

    border-bottom: 1px solid #454;

---

请至少给我们看看你的密码

你的CSS怎么说

1px是最小的可能行，如：

border-bottom: 1px solid #000;

但你可以通过将边框颜色与背景颜色混合或使用虚线样式，给人一种变小的错觉

border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px dotted #eee;
border-bottom: 1px solid #ccc;
/*etc...*/

---

可能看起来有点瘦。

请至少给我们看看您的代码

你的CSS怎么说

1px是最小的可能行，如：

border-bottom: 1px solid #000;

但你可以通过将边框颜色与背景颜色混合或使用虚线样式，给人一种变小的错觉

border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px dotted #eee;
border-bottom: 1px solid #ccc;
/*etc...*/

---

可能看起来有点瘦。

如果您使用的是sass，您可以轻松使用减轻功能，例如

$color: #454;
lighten($color, 20%);

---

调整%以适应您需要的亮度。

如果您使用的是sass，您可以轻松使用变亮功能，例如

$color: #454;
lighten($color, 20%);

调整%以适应所需的亮度。

边框底部：0.5px实心ccc

您可以使用介于0.1到0.9之间的值使其更小

边框底部：0.5px实心ccc

---

可以使用介于0.1到0.9之间的值使其变小

代码在哪里？是否使用边框底部：1px纯色？？您现在正在使用1像素吗？分隔这些注释的线条使用边框：虚线1px；为了看起来更瘦，正如AronSorry的同事所指出的，我实际上把它设置为2像素。我不知道我是怎么错过的。在任何情况下，1px与我正在寻找的非常相似。我编辑了代码。他在回答中建议的变通方法成功了。你的代码在哪里？是否使用边框底部：1px纯色？？您现在正在使用1像素吗？分隔这些注释的线条使用边框：虚线1px；为了看起来更瘦，正如AronSorry的同事所指出的，我实际上把它设置为2像素。我不知道我是怎么错过的。在任何情况下，1px与我正在寻找的非常相似。我编辑了代码。他在回答中建议的变通方法成功了。谢谢。我一直在寻找这样的解决办法。并添加了代码。谢谢。我一直在寻找这样的解决办法。并添加了代码。