Rrumbullakimi i kufijve të bllokut në CSS

Tani do të mësojmë të rrumbullakojmë qoshet e një blloku. Për këtë duhet të përdoret vetia border-radius, e cila pranon vlera në piksel.

Çfarë do të thotë të kemi përcaktuar një rrumbullakim, për shembull, prej 10px? Ky është rrezja e rrethit, që mund të brendashkruhet në këtë rrumbullakim. Nëse keni vështirësi me matematikën dhe nuk e kuptoni fjalinë e fundit - harrojeni atë dhe thjesht përshtateni me rrumbullakimin me sy. Me pak përvojë kjo nuk është problem (nuk ekziston mjet matës për matjen e rrumbullakimeve, të paktën unë nuk kam dëgjuar për të tillë).

Le të rrumbullakojmë qoshet e një blloku, duke i caktuar rrumbullakim prej 10px:

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid red;
  border-radius: 10px;
}

Результат: