CSS 3 - 使边框底部实线更薄

n_x*_*x_l 1 css

我想使用CSS 3绘制一条线并将其放在元素下.对此的明显选择是边界底部,我设置为实体.生成的线条比我想要的要厚一点.有没有办法可以让它更薄?

编辑:

代码.(抱歉,深夜邋))

    border-bottom: 1px solid #454;
Run Code Online (Sandbox Code Playgroud)

Aro*_*olm 6

请至少告诉我们你的代码.

你的CSS说什么?

1px是可能的最小行,如:

border-bottom: 1px solid #000;
Run Code Online (Sandbox Code Playgroud)

但是你可以通过将边框颜色与背景颜色混合或使用虚线样式来提供更小的假象.

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...*/
Run Code Online (Sandbox Code Playgroud)

可能看起来有点瘦.