CSSda blok chegaralarini yaxlitlash
Endi biz blok burchaklarini yaxlitlashni
o'rganamiz. Buning uchun border-radius
xususiyatini qo'llash kerak, u piksel
birligida qiymat qabul qiladi.
Masalan, 10px yaxlitlashni belgilashimiz
nima degani? Bu shu yaxlitlashga chizilishi
mumkin bo'lgan doira radiusi. Agar sizda
matematika bilan muammo bo'lsa va oxirgi
gap sizga tushunarsiz bo'lsa - uni unuting va
shunchaki yaxlitlashni ko'zdan tanlang.
Ma'lum tajriba bilan buni amalga oshirish
muammo emas (yaxlitlashlarni o'lchash uchun
o'lchov asbobi mavjud emas, hech bo'lmaganda
men bunday haqida eshitmadim).
Keling, blokka 10px yaxlitlashni
belgilab, burchaklarini yaxlitlaymiz:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}
:
Sahifani ushbu namuna asosida takrorlang:
