
zeigt Ihnen wie es geht.
h1 { color: red; font-size: 150% }
b { font-size: 20pt; font-family: Arial, Helvetica, Geneva,
Swiss, SunSans-Regular }
p { font-size: 14pt; font-family: Arial, Helvetica, Geneva,
Swiss, SunSans-Regular; background-color: yellow; padding: 10pt; border: solid
1pt blue }
a:link { color:#EE0000; text-decoration:none; font-weight:bold;
}
a:visited { color:#EEAAAA; text-decoration:none; font-weight:bold;
}
a:hover { color:#EE0000; text-decoration:none; background-color:#FFFF99;
font-weight:bold; }
a:active { color:#0000EE; background-color:#FFFF99; font-weight:bold;
}
Weitere Beispiele:
a { text-decoration: none }
body {
background-color:#663333,
background-image:url(background.jpg),
background-attachment:fixed,[scroll]
background-repeat:no-repeat,[repeat-x]
background-position:30px 20px [center= 50% 50%]
color:#FFCC99; }
Mit list-style-type: kann das Aussehen von Listenzeichen kontrolliert werden.
decimal = für ol-Listen: Nummerierung 1.,2.,3.,4. usw.
lower-roman = für ol-Listen: Nummerierung i.,ii.,iii.,iv. usw.
upper-roman = für ol-Listen: Nummerierung I.,II.,III.,IV. usw.
lower-alpha = für ol-Listen: Nummerierung a.,b.,c.,d. usw.
upper-alpha = für ol-Listen: Nummerierung A.,B.,C.,D. usw.
lower-latin = für ol-Listen: Nummerierung a.,b.,c.,d. usw. inklusive erweitertem
Latin-Zeichensatz
upper-latin = für ol-Listen: Nummerierung A.,B.,C.,D. usw. inklusive erweitertem
Latin-Zeichensatz
disc = für ul-Listen: Dateisymbol als Bulletzeichen
circle = für ul-Listen: rundes Bulletzeichen
square = für ul-Listen: rechteckiges Bulletzeichen
none = kein Bulletzeichen, keine Nummerierung
oder : Eigene Grafik für Listeneintrag <ul style="list-style-image:url(list_style_image.gif)">
Tabellenhintergrund: td style="background-............"
Außenabstand: margin, Innenabstand: padding
margin-top, margin-bottom, margin-left, margin-right
Achtung: margin: 0px für Netscape 4.0 damit Gesamtbreite
Entweder Werte für oben, rechts, unten, links oder oben + unten, rechts
+ links angeben.
Rahmen: border
Ausrichtung: align, text-align: