Endi biz blokning burchaklarini aylana qilishni o'rganamiz. Buning uchun qiymatni pikselda qabul qiluvchi border-radius xususiyatidan foydalanish kerak.
Masalan, border-radiusni 10px bersak bu nimani anglatadi? Bu shu burchakka mos keladigan aylana radiusi.
Keling, blokning burchaklarini aylana qilamiz, unga border-radius 10px o'rnatamiz.
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}