Rahmen

border: 2px solid #990000; bedeutet:
Es handelt sich um einen Rahmen, der auf jeder Seite gleich ist, mit 2px Rahmenstärke, gerader Linie und der Farbe #990000.

Man hätte das auch etwas ausführlicher schreiben können, nämlich:

border-width: 2px;
border-style: solid;
border-color: #990000;

Aber wer sich gleich die verkürzte Schreibweise angewöhnt, muss nicht soviel schreiben.

Merke:
Bei Verwendung der Kurzschreibweise werden die einzelnen Werte durch ein Leerzeichen getrennt. Das Semikolon ist lediglich nach der jeweils letzten Angabe zu setzen.

Bleiben wir noch etwas beim Rahmen und variieren den:

Oben und rechts soll er eine andere Farbe haben als unten und links.

Wir können jede Seite ansprechen mit border-top, border-right, border-bottom und border-left.

Euer CSS-Header könnte jetzt z.B. so aussehen:

#header
{
background-color:#FFCC00;
border-top: 3px solid #990000;
border-right: 3px solid #990000;
border-bottom: 3px double #003300;
border-left: 3px double #003300;
}

Probiert das mal selbst mit unterschiedlichen Angaben aus. Was alles möglich ist findet ihr hier.

Auch Hintergrundgrafiken lassen sich mit CSS realisieren.

Um einen Link zu setzen, der direkt auf diese Seite führt, verwende folgende Url: