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