Paramètre de bordure de tableau

Question

Comment définir la bordure de la table ou la bordure extérieure de la table avec des couleurs et des dimensions, mais les cellules de la table ont une bordure size=0?

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

• récipient 1 & 2: qui sont les cellules ont border = 0
• récipient 3: qui est la table elle-même a border = 1 * color = # 333333

Answer 1

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

Voici un exemple de travail.

Answer 2

Cela fonctionne bien dans IE, aussi.

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

Answer 3

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

Cela fonctionne dans le plus récent Firefox et Chrome. Y a-t-il un navigateur particulier avec lequel vous rencontrez des problèmes?

Answer 4

devez utiliser CSS OMI

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

    table#foo td { 
     // td styles 
    } 

    //etc 

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