Generator border-radius — zaokrąglone rogi CSS

Zaokrąglenie ustaw na obrazie albo dodaj overflow: hidden do kontenera.

Ustaw promień każdego rogu, zobacz podgląd i skopiuj gotowy kod CSS border-radius.

Lewy górny Prawy górny Prawy dolny Lewy dolny Jednostka

Umieść to narzędzie na swojej stronie

Bezpłatnie, bez rejestracji. Widżet pokazuje na dole napis „Narzędzie udostępnia AMKBIT.pl”.

Szerokość Wysokość (px) Motyw Kolor akcentu

dopasuj wysokość automatycznie pokaż tytuł

Kod do wklejenia

Kolejność wartości

Cztery wartości czytamy zgodnie z ruchem zegara od lewego górnego rogu: lewy górny, prawy górny, prawy dolny, lewy dolny.

border-radius: 50% zamienia kwadrat w koło. Duża wartość w px na szerokim przycisku daje kształt kapsuły.

Zwykle wystarcza 8–16 px na wszystkich rogach.

Dlaczego obraz nie ma zaokrągleń?

Zaokrąglenie ustaw na obrazie albo dodaj overflow: hidden do kontenera.

Wynik ma charakter pomocniczy. Przy ważnych decyzjach (finansowych, technicznych, zdrowotnych) sprawdź go niezależnie. Zasady korzystania.