Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung Nächste Überarbeitung | Vorherige Überarbeitung | ||
gf_informatik:web:repetition:websites [2022-01-10 10:24] – gra | gf_informatik:web:repetition:websites [2022-01-10 10:36] (aktuell) – gra | ||
---|---|---|---|
Zeile 21: | Zeile 21: | ||
<nodisp 1> | <nodisp 1> | ||
++++Lösung| | ++++Lösung| | ||
- | <code html> | + | |
+ | == HTML == | ||
+ | < | ||
< | < | ||
Zeile 40: | Zeile 42: | ||
</ | </ | ||
</ | </ | ||
+ | |||
+ | == CSS == | ||
+ | <code css style.css> | ||
+ | |||
+ | body{ | ||
+ | background-color: | ||
+ | font-family: | ||
+ | } | ||
+ | |||
+ | h1{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | a{ | ||
+ | font-size: 14pt; | ||
+ | text-align: center; | ||
+ | text-decoration: | ||
+ | padding: 10px 20px; | ||
+ | border-style: | ||
+ | } | ||
+ | |||
+ | a.red{ | ||
+ | background-color: | ||
+ | color: | ||
+ | } | ||
+ | |||
+ | a.red: | ||
+ | background-color: | ||
+ | color: darkred | ||
+ | } | ||
+ | |||
+ | a.blue{ | ||
+ | background-color: | ||
+ | color:cyan; | ||
+ | } | ||
+ | |||
+ | a.blue: | ||
+ | background-color: | ||
+ | color: darkblue | ||
+ | } | ||
+ | </ | ||
+ | |||
++++ | ++++ | ||
</ | </ | ||