Ploki piiride ümardamine CSS-is
Nüüd õpime ümardama ploki nurki.
Selleks tuleb kasutada omadust
border-radius, mis võtab vastu
väärtuse pikslites.
Mida tähendab see, kui me määrasime ümardamise,
näiteks 10px? See on ringi raadius,
mida saab sellesse ümardamisesse kirjutada. Kui
matemaatikaga on halvad lood ja viimane lause ei ole
arusaadav - unustage see ja
lihtsalt valige ümardamine silma järgi.
Mõne kogemusega pole see probleem (mõõteriista
ümardamiste mõõtmiseks ei eksisteeri,
vähemalt ma pole sellist kuulnud).
Ümardame nüüd ploki nurgad, määrates sellele
ümarduse 10px:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}
:
Korrake lehte selle näidise järgi:
