Kanciaste przyciski są passé. Naucz się tworzyć ramki (border) o różnym stylu i grubości, a następnie zaokrąglać ich rogi (border-radius). Dzięki temu stworzysz np. idealnie okrągłe zdjęcie profilowe.
Kluczowe zagadnienia:
- Tworzenie ramki (grubość, styl, kolor).
- Rodzaje linii (
solid,dashed). - Zaokrąglanie rogów (
border-radius).
Sprawdź wiedzę (Pytania do filmu):
- Jaka właściwość tworzy ramkę?
- Jakie 3 wartości musimy podać w
border? - Co robi
border-radius: 10px? - Jak zrobić idealne koło z kwadratowego obrazka?
- Co oznacza styl ramki
solid? - Co oznacza styl ramki
dashed? - Czy można zrobić ramkę tylko na dole elementu?
- Jak usunąć ramkę z elementu?
- Czy ramka wlicza się do szerokości elementu?
- Czy można zaokrąglić tylko jeden róg?