Jak to zrobić — zaokrąglone obrazy
Dowiedz się, jak tworzyć zaokrąglone i okrągłe obrazy za pomocą CSS.
Jak tworzyć zaokrąglone obrazy
Krok 1) Dodaj kod HTML:
Przykład
<img src="img_avatar.png" alt="Avatar">
Krok 2) Dodaj CSS:
Użyj tej border-radius
właściwości, aby dodać zaokrąglone rogi do obrazu. 50% sprawi, że obraz będzie okrągły:
Przykład
img {
border-radius: 50%;
}
Przejdź do naszego samouczka dotyczącego obrazów CSS , aby dowiedzieć się więcej o stylizacji obrazów.