[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Программирование и WEB-дизайн » HTML и CSS » Закругление углов с помощью css (первая тема в разделе css :3)
Закругление углов с помощью css
FOXMAN
Проверенные
06.11.12 20:10
Offline
Раньше это конечно же делалось картинками, но теперь это делается с помощью css, удобнее правда?
Что бы закруглить углы у какого либо элемента с помощью css, нужно использовать команду:
Code
border-radius: 3px;

Этот пример скругляет сразу все углы у элемента, но если вам нужно скруглить углы по отдельности или некоторые вовсе не скруглять, используйте команду:
Code
border-radius: 1px 2px 3px 4px;

1px - Это первый угол с которого всё начинается, левый верхний, после него все остальные углы идут по часовой стрелке.
Если команда выше вам чем то не нравится или вам нужно отдельно все параметры, можно использовать команду:
Code
border-top-left-radius: 1px;
border-top-right-radius: 2px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px;

Есть одно НО, не совсем все браузеры поддерживают border-radius, но это можно поправить вот так:
Code
.class {
border-radius: 10px; /* Если браузер поддерживает то он использует это */
-moz-border-radius: 10px; /* Для браузера Firefox, если в нем не работает */
-webkit-border-radius: 10px; /* Для браузеров Safari и Chrome */
}

Но лично у меня во всех браузерах работает!
Пока что все!
Вот то что я знаю про скругление углов с помощью css, если вы что то знаете ещё, пишите!)
Отредактировал FOXMAN - Вторник, 06.11.12, 20:11
Всем привет :3

Tom_Harison
Друзья
SA:MP Scripter
07.11.12 00:14
Offline
Вообще-то у нас уроки про CSS уже есть нет!

Добавлено (06.11.2012, 22:12)
---------------------------------------------
Но урок интересный, так что оставлю так! smile
Отредактировал Tom_Harison - Среда, 07.11.12, 00:12

FOXMAN
Проверенные
07.11.12 16:16
Offline
Ок)
Всем привет :3

Форум » Программирование и WEB-дизайн » HTML и CSS » Закругление углов с помощью css (первая тема в разделе css :3)
Страница 1 из 11
Поиск: