Zaobljavanje ivica bloka u CSS
Sada ćemo naučiti kako da zaoblimo uglove
bloka. Za to treba da primenimo
svojstvo border-radius, koje prima
vrednost u pikselima.
Šta znači da smo naveli zaobljenje,
na primer, od 10px? To je poluprečnik kruga,
koji se može upisati u ovo zaobljenje. Ako
vam matematika nije jača strana i vam nije jasna
poslednja rečenica - zaboravite na nju i
jednostavno birajte zaobljenje "na oko". Uz
određeno iskustvo to nije problem (mernog
alata za merenje zaobljenja ne postoji,
barem ja za takav nisam čuo).
Hajde da zaoblimo uglove bloku, dodelivši mu
zaobljenje od 10px:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}
:
Ponovite stranicu prema datom uzorku:
