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:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}
:
Përsëriteni faqen sipas këtij shembulli: