Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung | |||
| de:modul:m291:learningunits:lu03:aufgaben:a_dark_light_switch [2026/02/23 15:22] – gkoch | de:modul:m291:learningunits:lu03:aufgaben:a_dark_light_switch [2026/02/23 15:23] (aktuell) – gkoch | ||
|---|---|---|---|
| Zeile 61: | Zeile 61: | ||
| \\ | \\ | ||
| //Wenn wir vor oder nach einem Text ein Icon oder Emoji einblenden möchten, eignen sich Pseudo-Elemente sehr gut.// | //Wenn wir vor oder nach einem Text ein Icon oder Emoji einblenden möchten, eignen sich Pseudo-Elemente sehr gut.// | ||
| - | </ | ||
| - | **Umsetzung des im Bild oben gezeigten Designs mit HTML und CSS:** | ||
| - | <WRAP center box round 80%> | + | **Umsetzung des im Bild oben gezeigten Designs (The Div Soup) mit HTML und CSS:** |
| <code html> | <code html> | ||
| < | < | ||
| Zeile 71: | Zeile 70: | ||
| </ | </ | ||
| </ | </ | ||
| - | </ | ||
| - | <WRAP center box round 80%> | ||
| <code css> | <code css> | ||
| body { | body { | ||