изменить таблицу Tr цвета границы

У меня был стол, как:изменить таблицу Tr цвета границы

<table border="0" class="box"> 
    <tr height="25%" class="tableHead"> 
     <td align="center">Title</td> 
    </tr> 
    <tr height="25%"> 
     <td>test</td> 
    </tr> 
    <tr height="25%"> 
     <td>test</td> 
    </tr> 
    <tr height="25%"> 
     <td>test</td> 
    </tr> 
</table>

CSS как:

.box{ 
    background:#FFFFFF; 
    border:5px solid #427BD6; 
    border-radius:8px; 
} 

.tableHead{ 
    background:#427BD6; 
    color:#FFFFFF; 
    border-style:solid; 
    border-width: 1px; 
    border-color: #427BD6; 
    font-weight:bold; 
}

Я хочу, чтобы удалить пустое пространство между заголовком тром и границей таблицы или изменить его цвет. Спасибо заранее.

источник

2013-09-19 user2779544

Я пробовал пограничный коллапс: свернуть, но он скрывает радиус границы – user2779544

Извините, моя ошибка, я отредактировал его из моего ответа. –

Вы можете добавить это к классу .box: Example

.box { 
    border-spacing:0; 
}

В противном случае, измените тег таблицы на: Example

<table cellspacing="0" cellpadding="0" border="0" class="box">

источник

2013-09-19 13:33:57

спасибо, что это сработало! Еще одно уточнение - можно указать границу стола в двух цветах, как в [Ссылка] (https://code.google.com/apis/ajax/playground/?type=visualization#pie_chart) – user2779544

Конечно, см. [Это] (http://jsfiddle.net/fSdbN/3/) - что-то в этом роде? –

Добавить CELLSPACING = "0" в таблице. Это будет работать!

источник

2013-09-19 13:34:50

изменить таблицу Tr цвета границы

ответ

Смежные вопросы