Größen

Lektion 3 von 8 im Kurs CSS-Projekt – Schicker Button von Coddy.

Lass uns damit beginnen, mit den Größen des Buttons zu spielen.

Wenn du die width oder height eines Buttons änderst, kann es dazu führen, dass der Text nicht mehr in der Mitte ist; es ist eine bessere Praxis, mit dem padding zu spielen.

Aufgabe

Einfach

Aufgaben:

Stelle die Schriftgröße des Button-Textes auf einen beliebigen Wert ein, der sich jedoch von der Standardgröße (14px) unterscheidet
Setze den vertikalen Innenabstand (padding) auf 8px und den horizontalen Innenabstand auf 16px
Setze einen Außenabstand (margin) deiner Wahl

Verwende die styles.css, um deinen Button auszuwählen und zu gestalten

Probier es selbst

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
    </body>
</html>

Alle Lektionen in CSS-Projekt – Schicker Button

1Einführung

Einführung HTML-Teil

2Das CSS-Projekt

Größen