Блок чегаларини CSSда йумшатиш
Ҳозир биз блок бурчакларини
йумшатишни ўрганамиз. Бунинг учун
пикселларда қиймат қабул қилувчи
border-radius хусусиятини қўллаш керак.
Биз, масалан, 10px да йумшатишни
кўрсатганимиз нимани англатади? Бу шу
йумшатишга ичкизмайдиган айлананинг радиуси.
Агар сизда математика билан муаммо бўлса ва
ўтган ҳавод тушунарли бўлмаса - уни унутдинг ва
фақат кўз билан йумшатишни танланг. Маълум
тажрибада буни қилиш муаммо эмас (йумшатишларни
ўлчаш учун ўлчов асбоби мавжуд эмас,
ҳеч бўлмағанда мен бундай ҳақда эшитмаганман).
Келинг, блокка 10px да йумшатиш бериб,
унга бурчакларини йумшатайлик:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}
:
Саҳифани ушбу намунага кўра такрорланг:
