Kupindua Pembeni za Kiti katika CSS

Sasa tutajifunza kupindua pembe za kiti. Kwa hili inapaswa kutumika property border-radius, inayokubali thamani kwenye pikseli.

Inamaanisha nini kwamba tumeainisha kupindua, kwa mfano, kwa 10px? Hii ni kipenyo cha duara, ambacho kinaweza kuingizwa kwenye upinduzi huu. Ikiwa huna ujuzi wa hisabati na hukuelewi sentensi ya mwisho - usahau kuhusu hiyo na weka tu upinduzi kwa macho. Kwa ujuzi fulani hii sio shida (chombo cha kupimia upinduzi haipo, angalau mimi sijasikia kuhusu hicho).

Wacha tupindue pembe za kiti kwa kukiwekea upinduzi wa 10px:

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid red;
  border-radius: 10px;
}

Результат: