2010-04-16 2 views
7

Desidero creare una tabella html con un bordo esterno nero 1pt e lo stesso bordo attorno a ogni td.Tabella con bordo interno esterno nero, ma grigio

dovrebbe assomigliare a questa (solo i confini, ovviamente)

enter image description here

Io uso

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

Come risultato ho un nero esterno, ma grigio bordi interni.

+0

Quale browser stai testando su? Il tuo codice produce bordi interni neri (o qualsiasi altra cosa specificata) su Chrome. –

+0

ah grazie, molto interessante! Io uso Internet Explorer. – AGuyCalledGerald

risposta

10

Si potrebbe provare a implementare qualcosa di simile nel foglio di stile 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; 
} 

E qualcosa di simile HTML:

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

Example here

+1

Il selettore css dovrebbe essere table.mytable - without space - o just .mytable. Come se ora tu stia bersagliando una classe .mytable all'interno di un tavolo. – easwee

+0

Ah! Grazie! Errori ovunque oggi :) – Kyle

+0

Grande! Ho pensato che avrebbe funzionato senza parlare al td's, ma sembra non esserlo. – AGuyCalledGerald