如何修复边框像素

Question

如何解决这个问题[1]：http://tinypic.com/r/2e337y9/9“tooltop”每次使用边框时：1px纯黑色;将左边和右边的像素组合成2px。

Answer 1

只需在一侧添加边框，而不是两者。否则他们总是加起来。

Answer 2

使用border-left和border-right，您可以更改边框上特定边的值。

唯一的问题是变化也会应用于左外边框和外右边框。通过使用:first-child和:last-child，您可以选择父元素中的第一个和最后一个兄弟。

这导致类似：

element {
   border: 1px solid black;
   border-right: 0;
}

parent:last-child {
   border-right: 1px solid black; 
}