Закруглённые углы. html/css

Главная Форум Компьютерный форум Програмирование Закруглённые углы. html/css

В этой теме 0 ответов, 1 участник, последнее обновление Картинка профиля Igor Igor 6 года/лет, 3 мес. назад.

Просмотр 1 сообщения - с 1 по 1 (всего 1)
  • Автор
    Сообщения
  • #517
    Картинка профиля Igor
    Igor
    Участник

    Достигается подобный эффект использованием CSS свойства [b]border-radius[/b], с помощью которого можно создавать HTML элементы без единой картинки и иных извращений, которых огого сколько довелось мне видеть в сети.

    [code].round{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    }[/code]

    Хотя большинство современных браузеров уже поддерживают HTML5, но Internet Explorer надо заставить воспринимать новую версию разметки, для этого нужно подключить небольшой скрипт:

    [code][/code]

    В данном примере скрипт подгружается с сайта googlecode.com, но его можно скачать и подгружать со своего сервера.

    Далее, используем следующий скрипт:

    [code]
    [/code]

    В данном случае все HTML элементы с классом [b]round [/b]будут с закруглёнными углами. Подробнее читайте на домашней страничке скрипта: [url=http://www.dillerdesign.com/experiment/DD_roundies/]http://www.dillerdesign.com/experiment/DD_roundies/[/url] (англ.) Там же можно его скачать.

    Вот и все, достаточно просто.

Просмотр 1 сообщения - с 1 по 1 (всего 1)

Для ответа в этой теме необходимо авторизоваться.