internetul Windows. Android

Cum să faci o masă rotunjită în cuvânt. Diagrama procentuală în instrucțiunile Excel pentru crearea

Colțurile tradiționale dreptunghiulare în designul site-urilor au fost mult timp obosiți de toată lumea. În modă, colțurile rotunjite care nu sunt făcute folosind imagini, ci prin stiluri, pentru care se utilizează proprietatea de frontieră. Această proprietate poate avea una, două, trei sau patru valori separate de un spațiu care determină raza tuturor colțurilor sau fiecare separat.

În fila. 1 este un număr diferit de valori și un tip de bloc obținut în acest caz.

Codul Descriere Vedere
div (raza de frontieră: 10px;) Radius de rotunde pentru toate colțurile imediat.
div (raza de frontieră: 0 10px;) Prima valoare stabilește raza din colțul din stânga sus și dreapta, cea de-a doua valoare este pentru partea superioară dreaptă și stânga mai mică.
div (Raza de frontieră: 20px 10px 0;) Prima valoare stabilește raza din colțul din stânga jos, al doilea este simultan partea superioară dreaptă și stânga, iar a treia valoare este cea mai mică.
div (raza de frontieră: 20px 10px 5px 0;) Setează în mod constant raza din colțul din stânga sus, partea superioară dreaptă, dreapta mai mică și lăsată mai mică.

În exemplul 1, este prezentată crearea unui bloc cu colțuri rotunjite.

Exemplu 1. Colțurile de la bloc

HTML5 CSS3 IE 9+ CR OP SA FX

Rază

Eu sunt o formă de suprapunere a unui caz vinititiv de la mine.


Rezultat acest exemplu prezentat în fig. unu.

Smochin. 1. Blocați cu colțurile rotunjite

Un efect interesant poate fi obținut dacă setați raza de rotunjire mai mare decât jumătate din înălțimea și lățimea elementului. În acest caz, se dovedește un cerc. Exemplul 2 prezintă crearea unui buton rotund cu un model.

Exemplul 2. Butonul rotund

HTML5 CSS3 IE 9+ CR OP SA FX

Buton

Rezultatul acestui exemplu este prezentat în fig. 2.

Smochin. 2. Buton rotund.

ÎN browser Opera. Rotunjirea k.