Teil 1: Figuren gestalten mit CSS – die Grundformen

css Tipps und Tricks Teil1Dass man mit CSS nicht nur Schriften einfärben und Hintergründe definieren kann, das ist weitgehend bekannt. Was aber wirklich mit CSS möglich ist, das ist noch nicht sonderlich gut aufgezeigt. Daher haben wir uns dazu entschlossen, hier einige Tipps und Tricks zu geben, wie wir mit CSS gestalten können und uns kreativ austoben können.

Im heutigen ersten Teil stellen wir Ihnen die Grundformen vor, die wir in der einen oder anderen Webseite schon verbaut haben und die auch Ihnen nicht unbekannt sein sollten. Ausgangslage ist für uns immer ein Container <div class="???"></div> mit dem jeweiligen Klassennamen (zum Beispiel#quadrat) im unteren Kasten.

Quadrat

 

 

Rechteck

 

  • Figur
  • CSS-Code

 

Kreis

 

  • Figur
  • CSS-Code

 

Oval

 

  • Figur
  • CSS-Code

 


Im zweiten Teil werden wir Ihnen zeigen, wie wir einfach Dreiecke gestalten können. Auch werden Sie in den weiteren Teilen erfahren, wie wir Sterne gestalten, wie Fünfecke oder Sechsecke entstehen und wir werden darauf eingehen, wie Sie dieses Wissen anwenden können und wie Sie mit CSS kreative Figuren erstellen können und sogar Logos gestalten können. Bleiben Sie uns also treu und besuchen Sie uns gerne wieder.


wallpaper-1019588
The Shiunji Family Children: Startzeitraum bekannt + Trailer
wallpaper-1019588
My Awkward Senpai: Manga erhält eine Anime-Adaption + Promo-Video
wallpaper-1019588
Hundebetten 2025: Finde das perfekte Bett für Deinen Hund – bequem und stilvoll
wallpaper-1019588
Checkliste für den Wohnmobil-Kauf: Alles, was du beachten musst