Benutzer-Werkzeuge

Webseiten-Werkzeuge


playground:buttons

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige ÜberarbeitungVorherige Überarbeitung
Nächste Überarbeitung
Vorherige Überarbeitung
Letzte ÜberarbeitungBeide Seiten, nächste Überarbeitung
playground:buttons [2021/11/12 15:12] ericplayground:buttons [2021/11/19 14:49] kim
Zeile 1: Zeile 1:
  
-Hier ist das CSS. Schreibt in die Klasse .hp--button die Deklarationen. + 
-<html><style>+<html> 
 +<!--Hier ist das CSS. Schreibt in die Klasse .hp--button die Deklarationen.--> 
 +<style>
 .hp--button{ .hp--button{
-border: 3px solid pink+border: 1px solid #838383; 
-background: yellow;+border-radius: 5px
 +background: #f1f1f1;
 color: red; color: red;
 font-weight: bold; font-weight: bold;
-padding: 20px;+padding: 10px;
 } }
- 
- 
 </style> </style>
 </html> </html>
  
-Hier ist der Button. Passt den Beschreibungstext und das Ziel (die Portalseiten) an +<html><!--Hier ist der Button. Passt den Beschreibungstext und das Ziel (die Portalseiten) an--></html> 
-<html><a class="hp--button" href="https://th-koeln.de">Zum Portal 🤡</a></html>+ 
 +<html><a class="hp--button" href="https://th-koeln.de">Zum Portal</a></html>
playground/buttons.txt · Zuletzt geändert: 2021/11/25 23:07 von eric