Rahmen und Radius
Lektion 5 von 8 im Kurs CSS-Projekt – Schicker Button von Coddy.
Das button-Element in HTML verfügt über einen Standardrahmen, lass ihn uns anpassen!
Um abgerundete Ecken zu erstellen, verwende die border-radius-Eigenschaft (verwende die gleichen Werte wie bei padding oder margin), zum Beispiel:
#rounded {
border-radius: 8px;
}Um den Rahmen vollständig zu entfernen, kannst du ihn wie folgt überschreiben:
#no-border {
border: none;
}Tipp: Wenn du
border-radiusauf einen großen Wert setzt, erhält es eine Kreisform!
Aufgabe
EinfachAufgaben:
- Ändere den border radius auf einen Wert größer als 0
- Ändere den border auf etwas anderes als den Standardwert
Probier es selbst
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>