table {
border: 1px solid #000000;
}
Border'ы таблицы - как просто?
Помнится, делал я таблички с аккуратненькими бордерами в один пискель толщиной. Делал с CSS. Сейчас нужда заставила, стал вспоминать. Однако - нет.
ни к чему хорошему не приводит. Приводит к границе именно вокруг таблици. А ячейки без границ. Можно задать границу каждой ячейке:
, но тогда они становятся двойными (даже если cellspacing="0").
Не подскажете?
Код:
Код:
td {
border: 1px solid #000000;
}
border: 1px solid #000000;
}
Не подскажете?
Я знаю, что это делается через классы, но у меня тоже не получилось. Я пробовал вот так:
[html]<style>
table.bla td {
border:1px solid #ff0000;
padding:0;
}
</style>
<table class="bla" cellspacing=0>
<tr>
<td>A1</td>
<td>A2</td>
<td>A3</td>
<td>A4</td>
</tr>
<tr>
<td>B1</td>
<td>B2</td>
<td>B3</td>
<td>B4</td>
</tr>
<tr>
<td>C1</td>
<td>C2</td>
<td>C3</td>
<td>C4</td>
</tr>
</table>[/html]
[html]<style>
table.bla td {
border:1px solid #ff0000;
padding:0;
}
</style>
<table class="bla" cellspacing=0>
<tr>
<td>A1</td>
<td>A2</td>
<td>A3</td>
<td>A4</td>
</tr>
<tr>
<td>B1</td>
<td>B2</td>
<td>B3</td>
<td>B4</td>
</tr>
<tr>
<td>C1</td>
<td>C2</td>
<td>C3</td>
<td>C4</td>
</tr>
</table>[/html]
Код:
<style type='text/css'>
table {border-collapse:collapse;}
</style>
table {border-collapse:collapse;}
</style>
Код:
<table>
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>
Ты прррав! (с)
Спасибо )
Спасибо )
Код:
/*В этом примере сеточка будет цвета #aaa*/
<style type="text/css">
table { background-color: #aaa;}
table td { background-color: #fff; }
</style>
<table cellspacing="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
<style type="text/css">
table { background-color: #aaa;}
table td { background-color: #fff; }
</style>
<table cellspacing="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
Этот способ удобен и работает безотказно.