2010-04-16 9 views
7

Je souhaite créer une table html avec une bordure extérieure noire 1pt et la même bordure autour de chaque td.Tableau avec bordure intérieure noire, mais grise

devrait ressembler à cela (seulement les frontières, bien sûr)

enter image description here

J'utilise

<table border="1" style="border-collapse:collapse; border-color:Black; border-style:solid; border-width:1pt"> 

En conséquence, je reçois un noir extérieur, mais gris frontières intérieures.

+0

Quel navigateur vous testez sur? Votre code produit des bordures intérieures noires (ou ce qui est spécifié) sur Chrome. –

+0

ah merci, très intéressant! J'utilise Internet Explorer. – AGuyCalledGerald

Répondre

10

Vous pouvez essayer d'implémenter quelque chose comme ça dans votre feuille de style CSS.

.mytable 
{ 
border-collapse:collapse; 
border-color:#000000; 
border-style:solid; 
border-width:2px; 
} 

.mytable td 
{ 
border-color:#cccccc; /*grey*/ 
border-style:solid; 
border-width:1px; 
} 

Et quelque chose comme ça HTML:

<table class="mytable"> 
    <tr> 
     <td>Content</td> 
    </tr> 
</table> 

Example here

+1

Le sélecteur css doit être table.mytable - sans espace - ou juste .mytable. Comme c'est le cas maintenant, vous ciblez une classe .mytable dans une table. – easwee

+0

Ah! Merci! Typos partout aujourd'hui :) – Kyle

+0

Great! Je pensais que cela fonctionnerait sans parler aux td, mais cela ne semble pas être le cas. – AGuyCalledGerald