hr css

‹hr /› CSS Style für Firefox, IE und Opera

Wer browserübergreifend 1px feine horizontale Linien möchte, kann folgenden Trick einsetzten:

Folgender Code beim CSS hinzufügen

hr {
border-top: solid 1px #FFF;
border-bottom: solid 1px #CCC;
border-left: solid 1px #FFF;
border-right: solid 1px #FFF;
height:1px;
}

Weiss (#FFF) ist mit der vorhandenen Hintergrundfarbe zu ersetzten.
Hellgrau (#CCC) ist mit der gewünschten Farbe der horizontalen Linie zu ersetzten.

Dann im Text einfach ‹hr /› für horizontale Linien einfügen.

Tags: , , , , , , ,

Montag, Mai 25th, 2009 Websolutions Keine Kommentare