Tabelle mit schwarzer äußerer, aber grauer innerer Grenze

Question

Ich möchte eine HTML-Tabelle mit einem 1pt schwarzen äußeren Rand und demselben Rand um jeden td erstellen.

soll wie folgt aussehen (nur die Grenzen, natürlich)

Ich benutze

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

Als Folge ich eine schwarze Außen, aber grau inneren Grenzen.

Answer 1

Sie könnten versuchen, etwas in Ihrem CSS-Stylesheet zu implementieren.

.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; 
} 

Und so etwas wie dieses HTML:

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

Example here