Projekt in CSS Skill Tree

Erstellen eines Koala-Gesichts mit CSS Grid

Anfänger

In diesem Projekt lernen Sie, wie Sie ein Koala-Gesicht mit CSS-Grid-Layout erstellen. Sie werden die Gesamtstruktur des Gesichts erstellen, die Augen, die Nase und die Rötelemente zeichnen, um die Gesichtszüge des Koalas zu vervollständigen.

CSS

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Einführung

In diesem Projekt lernst du, wie du mithilfe von CSS-Gitterlayout ein Koala-Gesicht erstellen kannst. Du wirst die gesamte Gesichtsstruktur erstellen, die Augen, die Nase und die Backenröte zeichnen, um die Gesichtszüge des Koalas zu vervollständigen.

👀 Vorschau

Fertiges Koala-Gesichtsdesign

🎯 Aufgaben

In diesem Projekt wirst du lernen:

  • Wie du ein Gitterlayout für das Koala-Gesicht einrichtest
  • Wie du die Augen des Koalas zeichnest
  • Wie du die Nase des Koalas zeichnest
  • Wie du die Backenröte auf dem Gesicht des Koalas zeichnest

🏆 Errungenschaften

Nach Abschluss dieses Projekts wirst du in der Lage sein:

  • CSS-Gitterlayout verwenden, um komplexe Designs zu erstellen
  • Verschiedene Elemente innerhalb eines Gitters zu positionieren und zu gestalten
  • CSS-Eigenschaften wie border-radius und background-color verwenden, um benutzerdefinierte Formen und Designs zu erstellen

Lehrer

labby

Labby

Labby is the LabEx teacher.