A lekerekítést szinte bárhol használhatjuk, képen, modulon, cellán, vagy címsoron, tényleg bárhol, ahol számít. Kétféle megoldás is létezik erre a dologra, és most mind a kettő bemutatásra fog kerülni.

 

1. megoldás

Az első megoldással egyszerre az összes sarkot lekerekítheted:

-moz-border-radius: 15px;
-webkit-border-radius: 15px;

Ezt a kódot kell beillesztened a megfelelő CSS tagbe. És akkor a megjelenésnél meg is változik a kerekítés, amit pixelben adunk meg.

 

2. megoldás

Ezzel a megoldással pedig a sarkoknak egyenként adhatjuk meg a lekerekítés mértéket. Ez akkor jön jól, ha nem akarjuk az összes sarkot lekerekíteni, vagy ha különböző mértékben szeretnénk megadni.

-moz-border-radius-topleft: 60px; /* bal felső sarok kerekítése Mozzillában */
-moz-border-radius-topright: 60px; /* jobb felső sarok kerekítése Mozzillában */
-webkit-border-top-left-radius: 60px; /* bal felső sarok kerekítése */
-webkit-border-top-right-radius: 60px; /* jobb felső sarok kereítése */
-moz-border-radius-bottomleft: 60px; /* balalsó sarok kerekítése Mozzillában */
-moz-border-radius-bottomright: 60px; /* jobb alsó sarok kerekítése Mozzillában */
-webkit-border-bottom-left-radius: 60px; /* bal alsó sarok kerekítése */
-webkit-border-bottom-right-radius: 60px; /* jobb alsó sarok kereítése */


Kérdésed van? Írj bátran!









Hozzászólásod csak jóváhagyás után fog megjelenni.

Ellenőrző kód *