Boxen für Profis
Jetzt geht's zur Sache
In der letzten Rubrik "Box-Modell" hast du gelernt, wie man Boxen aufbaut. Das Thema hat aber noch mehr zu bieten. In dieser Rubrik lernst du, was man mit Rahmen (border), Hintergründen und Schatten (box-shadow) anstellen kann.
Der Beispiel-Code für diese Rubrik wird jetzt recht umfangreich, weil es auch die Regeln des Box-Modells für den Aufbau braucht. Ich habe für dich einen Codepen zum Üben erstellt.
Themen in dieser Rubrik
- Rahmen border
- border-style
- border-radius
- Hintergrund-Bild background-image
- Box-Shadow Generator
- Bild vorne oder hinten?
- Tipp: Boxen untersuchen
- Quiz: "Boxen für CSS-Profis"
Codepen: CSS Life: At the barber shop, Alvaro Montoro
Ein Comix, erstellt mit ein wenig HTML und ganz viel CSS.