Как окружить ячейки только одним пикселем

Question

У меня есть элемент управления сеткой, и я настраиваю его на стиль. На границе я хочу один пиксель вокруг каждой ячейки, но он выглядит два пикселя, потому что один слева и один справа.

CSS-:

.RadGrid_MyCustomSkin .rgRow td, .RadGrid_MyCustomSkin .rgAltRow td 
{ 
    border: 1px solid #F0D88C; 
} 

Любая помощь !!

Answer 1

Используйте border-collapse недвижимость ,

Answer 2

Вы можете установить границы для одной стороны, может быть, это будет указывать вам в правильном направлении :)

.RadGrid_MyCustomSkin .rgRow td, .RadGrid_MyCustomSkin .rgAltRow td 
{ 
    border-left/*or -right*/: 1px solid #F0D88C; 
} 

Answer 3

Отдать тд и стол, как этот

table, td 
{ 
    border-color: #F0D88C; 
    border-style: solid; 
} 

table 
{ 
    border-width: 0 0 1px 1px; 
    border-spacing: 0; 
    border-collapse: collapse; 
} 

td 
{ 
    margin: 0; 
    padding: 4px; 
    border-width: 1px 1px 0 0; 

}