Style CSS na przykładzie znacznika akapitu <p>

Kliknij na przycisk "Pokaż".

W znaczniku akapitu <p> wpisano imię - zmień je.

W <style> mamy różne stylizowanie CSS tego znacznika.

Sprawdź w Menu wybierając CSS co oznaczają i jakie wartości możesz wpisywać

Kolejno własność: wartość;

• color: red; to kolor tekstu
• background-color: yellow; to kolor tła
• padding: 20px; to wypełnienie
• text-align: right; to wyrównanie
• font-size: 20px; to wielkość czcionki
• border: 2px dashed blue; to obramowanie
• transform: rotate(30deg); to przechylenie
• position: relative; to pozycjonowanie względne
• top: 100px; to przesunięcie od góry

Pozmieniaj według uznania minimum 5 wartości za każdym razem klikając Pokaż.

Skończ, gdy już zrozumiesz co zmieniasz i podoba Ci się, co stworzyłeś.