CSS-de blok gabawyny ýuwarlamak
Indi biz blok burçlaryny nädip ýuwarlajakdygymyzy öwreneris.
Bunun üçin pikselde baha kabul edýän
border-radius aýratynlygyny ulanyň.
Mysal üçin, 10px ýuwarlama bellemegimiz nämäni aňladýar?
Bu, şol ýuwarlamaga ýazyp bolýan tegelek radiusydyr.
Eger matematika bilen aranyňyz ýok we iň soňky sözlem size düşüniksiz bolsa
- ony ýatdan çykaryň we
diňe göz bilen ýuwarlamany saýlaň.
Belli tejribe bilen muny etmek kyn däl (ýuwarlamalary ölçemek üçin
ölçeg guraly ýok,
hem bolsa men munuň barada eşitmedim).
Geliň, bloka 10px ýuwarlama berip,
burçlaryny ýuwarlalyň:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}
:
Bu nusga boýunça sahypany gaýtalaň: