Farbe von Tabelleninnenrahmen

[kartoffel-zoffel]

Guten morgen!

Ich bekomme leider nicht raus, wie man die Innenlinien einer 2x2 Felder großen Tabelle mit css färbt.
Hier mein Versuch:

#box table
{
border-collapse:collapse;
margin:10px;
border:2px solid #000000;
}

#box td
{
padding:4px;
background:#FFD700;
color:#008000;
}

und

<table border="1">
<tr>
 <td>1</td>
 <td>2</td>
</tr>
<tr>
 <td>3</td>
 <td>4</td>
</tr>
</table>

Danke für jegliche Hilfe!

[KD-one]

Hallo kartoffel-zoffel,

#box table  <-- spricht eine Tabelle, die in einem Element mit der ID "box" liegt, an.
{
border-collapse:collapse;
margin:10px;
border:2px solid #000000;
}

#box td  <-- spricht eine Zelle,  die in einem Element mit der ID "box" liegt, an.
{
padding:4px;
background:#FFD700;
color:#008000;
}

und

<table border="1">  <-- Hier fehlt jegliche Zuordnung
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>

Änderung:

#box
{
border-collapse:collapse;
border-spacing:0;
margin:10px;
border:2px solid #000;
}

#box td
{
padding:4px;
background:#fFFD700;
color:#008000;
}

<table id="box">
<tr>
<td>1</td>
[...]
</tr>
[...]
</table>

Gruß

Kurt

[KD-one]

Hallo kartoffel-zoffel,

Hab da noch was vergessen.
Um Border um die Zellen zu erzeugen, musst du diese explizit anordnen.
also in "#box td" noch "border:1px solid #000;" einfügen.
Wenn du eine Tabelle mit der ID "#box" ansprechen willst, muss das so erfolgen: "table#box".
http://selfhtml.teamone.de/css/formate/zentrale.htm#individualformate

Gruß

Kurt