Sura 1 Artworks

Acrylmalerei, Mischtechniken, Webdesign

CSS-Beispiel: Gestaltung Zebratabelle (www.little-boxes.de)

Posted by sura1 - 4. Oktober 2008

Bookmark and Share

Erstellung einer Zebratabelle (nur mit CSS)

Ich möchte Ihnen heute  ein kleines Beispiel vorstellen, wie Sie eine HTML-Tabelle mit Hilfe von CSS formatieren.

Quelle: Little Boxes Teil 02 (Beispieldateien)

Fertiges Beispiel:

Das Cascading Style Sheet für diese Tabelle sieht wie folgt aus:

1. Layout:

2. Gestaltung der Überschrift:

3. Gestaltung Tabellenzellen:

4. Formatierung Zebrastreifen:

Die CSS-Datei finden Sie im Quelltext des fertigen Beispieles!

Schreibe einen Kommentar

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s

 
%d Bloggern gefällt das: