Настройка границ таблицы

Question

Как установить границу таблицы или внешнюю границу таблицы с некоторым цветом и размером, но ячейки таблицы имеют границу size=0?

  ----------------------
 |   -------   ------   |
 |  |   1   | |  2   |  |
 |   -------   ------   |                      
 |                    3 |
  ----------------------

• контейнер 1 и 2: какие ячейки имеют границу = 0
• контейнер 3: у самой таблицы есть рамка = 1 * цвет = # 333333

Answer 1

Следует использовать CSS IMO

    table#foo {
        border:1px solid #333333;
    }

    table#foo td { 
        // td styles
    }

    //etc

<table id="foo"> <!-- table code -->

Answer 2

http://jsfiddle.net/mnzN2/2/

Вот рабочий пример.

Answer 3

<table style="border: 1px solid red;">
    <tr><td>1</td><td>2</td></tr>
</table>

Это работает в новейших Firefox и Chrome. Есть какой-то конкретный браузер, с которым у вас проблемы?

Answer 4

Это хорошо работает и в IE.

<table style="border:1px solid red;"> 
<tr>
    <td>1</td>
    <td>2</td>
</tr> 
</table>