Как исправить границы пикселя

Question

Как это исправить [1]: http://tinypic.com/r/2e337y9/9 "tooltop" каждый раз, когда я использую рамку: 1px solid black; что слева и справа объединяет их пиксель, в результате чего получается 2 пикселя.

Answer 1

Используя border-left и border-right , вы можете изменить значения определенных сторон на вашей границе.

Единственная проблема заключается в том, что изменения будут также применяться к внешней левой границе и внешней правой границе. Используя : first-child и : last-child , вы можете выбрать первого и последнего родственного элемента в родительском элементе.

В результате получается что-то вроде:

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

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

Answer 2

Просто добавьте границы на одну сторону, а не на обе. Иначе они всегда будут складываться.