Закругление углов в дизайне сайта на CSS3

Сегодня расскажу про очень интересный стиль в новом CSS3 который придает бордюрам округлость. То, что раньше делалось исключительно на картинках или больших скриптах, теперь создается одной сторкой. Тег называется border-radius и может закруглить любой угол, под любым наклоном, в слюбую сторону

Синтаксис border-radius:





Думаю пояснять ничего не стоит. Все предельно просто. Это самый простой способ задать окружность. Закруглит равномерно со всех сторон. Так же можно задать определенный угол закругления. Т.е. под каким наклоном и в какую сторону:



Первое число - горизонтальное отклонение, 2е - вертикальное. Линии соедиянт эти точки и получится воеобразное закругления

Пример последнего скриншота:

border-top-left-radius:25px 100px; 

border-top-right-radius:25px 100px; 

border-bottom-right-radius:25px 100px; 

border-bottom-left-radius:25px 100px; 

Вертикально - 100, горизонтально - 25