Страница 1 из 11
Форум » Web дизайн » HTML и CSS » Закруглённые углы с помощью CSS (для блоков, кнопок и т.д.)
Закруглённые углы с помощью CSS
Reddy Дата: Воскресенье, 16.01.2011, 23:14 | Сообщение # 1
Reddy
Новичок
Сообщений: 129
Репутация: 14
Страна: Латвия
Статус: 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 дизайн » HTML и CSS » Закруглённые углы с помощью CSS (для блоков, кнопок и т.д.)
Страница 1 из 11
Поиск:
Rambler's Top100 Рейтинг@Mail.ru Яндекс.Метрика
Полное или частичное копирование материалов только с указанием гиперссылки на www.otherside.ws

© 2010-2017 Other Side | Хостинг от uCoz