• Страница 1 из 1
  • 1
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Закруглённые углы с помощью CSS
Закруглённые углы с помощью CSS
XemorDioДата: Четверг, 31.03.2016, 15:17 | Сообщение # 1
Генерал-полковник
Группа: Пользователи
Сообщений: 897
Награды: 7
Репутация: 8
Статус: Offline
Сразу отмечу, что данный способ НЕ работает в Internet Explorer 8.0 и ниже. IE 9 работает с данной функцией.

Чтобы использовать данную фичу необходимо в CSS к соответствующему элементу добавить всего три строчки:

Code
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;

Две последних строки нужны для Mozilla Firefox и Safari 4. Цифры - радиус закругления в пикселях.

То есть, если нам необходимо, например, к таблице, которой присвоен класс "tab", добавить закруглённые углы, то выглядеть это будет примерно так:

Code
.tab {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

Можно добавить рамку - в таком случае она тоже будет иметь закругление:

Code
.tab {
border: 1px solid #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

Данный способ можно использовать фактически со всеми элементами (DIV, BUTTON, TEXTAREA и пр.)

 
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Закруглённые углы с помощью CSS
  • Страница 1 из 1
  • 1
Поиск:
Поделись с другими сталкерами
Меню сайта
Гость
Статистика
Интеллектуальный каталог ресурсов интернет