Как окружить клетки всего одним пикселем

Question

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

CSS:

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

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

Answer 1

Используйте свойство border-collapse .

Answer 2

дайте тд и таблицу вот так

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;

}

Answer 3

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

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