Blokun sərhədlərinin CSS-də yumruqlaşdırılması
İndi biz blokun künclərini necə yumruqlaşdıracağımızı
öyrənəcəyik. Bunun üçün border-radius xassəsini
tətbiq etməliyik, hansı ki, piksel ilə qiymət qəbul edir.
Məsələn, 10px yumruqlaşdırma təyin etdiyimiz nə deməkdir?
Bu, bu yumruqlaşdırmaya yazıla bilən dairənin radiusudur.
Riyaziyyatla aranız yaxşı deyilsə və son cümləni başa düşmürsünüzsə -
onu unudun və sadəcə yumruqlaşdırmanı göz ilə seçin.
Müəyyən təcrübə ilə bunu etmək problem deyil (yumruqlaşdırmaları
ölçmək üçün ölçü aləti mövcud deyil, ən azından mən belə bir şey eşitməmişəm).
Gəlin bloka 10px yumruqlaşdırma təyin edərək künclərini yumruqlaşdıraq:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}
:
Bu nümunəyə uyğun səhifəni təkrarlayın:
