CSS Tutorial und HTML Beispiele

CSS (Cascading Style Sheets) Basics Tutorial. Dazu Beispiele mit HTML in Verbindung mit CSS.

CSS Background / Image

Bilder und Hintergrundfarben

Hintergrundfarbe

background-color: #000000

Hintergrundbild

background-image: url(background.gif)

Wasserzeicheneffekt, 2 Möglichkeiten

background-attachment: fixed; background-attachment: scroll;

Hintergrundposition, fix oder prozentual

background-position: 30px 20px

Wiederholungseffekt, 4 Möglichkeiten

background-repeat: repeat; background-repeat: repeat-x; background-repeat: repeat-y; background-repeat: no-repeat;

Moglichkeit zur Zusammenfassung

background: #000000 url(background.gif) no-repeat 50% 0% fixed;

Anzeigefenster

X-Scrollleiste an/aus

overflow-x: auto; overflow-x: hidden

Y-Scrollleiste an/aus

overflow-y: auto; overflow-y: hidden

Mauszeiger Arten

cursor: auto; cursor: crosshair; cursor: pointer; cursor: move; cursor: n-resize;
cursor: ne-resize; cursor: url(bild.gif); cursor: e-resize; cursor: se-resize;
cursor: s-resize; cursor: sw-resize; cursor: w-resize; cursor: nw-resize;
cursor: text; cursor: wait; cursor: help;