Colțuri rotunjite CSS. Proprietatea CSS border-radius. Proprietățiile border-top-left-radius, border-top-right-radius, border-bottom-right-radius și border-bottom-left-radius.

CSS Colțuri rotunjite (CSS Rounded Corners)

Cu proprietatea CSS border-radius, puteți da oricărui element "colțuri rotunjite" (rounded corners).

Proprietate CSS border-radius

Proprietatea CSS border-radius definește raza colțurilor unui element.

Sfat: Această proprietate vă permite să adăugați colțuri rotunjite la elemente!

Iată trei exemple:

1. Colțuri rotunjite pentru un element cu o culoare de fundal specificată:



2. Colțuri rotunjite pentru un element cu bordură:



3. Colțuri rotunjite pentru un element cu o imagine de fundal: