az internet ablakok Android

Hogyan készítsünk egy lekerekített asztalt a szóban. Százalékos diagram az Excel létrehozásához

A hagyományos téglalap alakú sarkok a helyszínek tervezésében már régóta fáradtak mindenkinek. A divatban a lekerekített sarkok, amelyek nem használják a képeket, hanem a stílusokat, amelyekre a határ-sugár tulajdonságot használják. Ez a tulajdonság lehet egy, két, három vagy négy értéke elválasztva egy olyan hely, amely meghatározza az összes sark sugara vagy mindegyik külön.

A lapon. Az 1. ábra más számú érték és egyfajta blokk, amelyet ebben az esetben kapunk.

A kód Leírás Kilátás
div (határ sugara: 10px;) A kerekítések sugara minden sarkhoz azonnal.
div (határ sugara: 0 10px;) Az első érték meghatározza a bal felső és jobbkezes sarok sugarait, a második érték a jobb felső és bal alsó részre vonatkozik.
div (határ sugara: 20px 10px 0;) Az első érték meghatározza a bal felső sarok sugarait, a második egyidejűleg a jobb felső és bal alsó, a harmadik érték jobb alsó.
div (határ sugara: 20px 10px 5px 0;) Folyamatosan beállítja a bal felső sarok sugarát, a jobb felső, jobb alsó és bal alsó.

Az 1. példában egy lekerekített sarkokkal rendelkező blokk létrehozása látható.

1. példa A blokk sarkai

HTML5 CSS3 IE 9+ CR OP SA FX

Sugár

Nekem egy vinitív eset rabló formája.


Eredmény ez a példa ábrán látható. egy.

Ábra. 1. Blokk lekerekített sarkokkal

Érdekes hatás érhető el, ha az elem magassága és szélességének több mint felét állítja be. Ebben az esetben kiderül egy kört. A 2. példa bemutatja a kerek gomb létrehozását egy mintával.

2. példa Kerek gomb

HTML5 CSS3 IE 9+ CR OP SA FX

Gomb

A példa eredményét az 1. ábrán mutatjuk be. 2.

Ábra. 2. Kerek gomb

BAN BEN böngésző opera. Kerekítés K.