ads
ads
ads
ads
ads
МЕНЮ:
Главная Сотовая связь Софт Веб-мастеру Графика Железо Portable Игры Интернет Чудеса Науки Apache Delphi Drupal Flash Html Юмор Каталог ноутбуков FAQ
загрузка...


О железках:
LG X5 (2018) с батареей 4500 мАч представлен официально
Xiaomi Mi A2 замечен на швейцарском сайте, начало продаж в августе
Появились новые подтверждения существования международной версии Nokia X6
Xiaomi Redmi 6 на чипе MediaTek оказался не так плох
Meizu 16 получит встроенный в дисплей сканер отпечатков пальцев и до 8 ГБ оперативной памяти
Топ новостей
Samsung принимает заказы на непредставленные Galaxy Sta ...
Samsung принимает заказы на непредставленные Galaxy Sta ...


Жесткий диск компьютера может «убить» звуковой файл
Жесткий диск компьютера может «убить» звуковой файл


6.5-дюймовый iPhone 2018 показан на видео
6.5-дюймовый iPhone 2018 показан на видео


Acer представила ультралегкий 15,6-дюймовый ноутбук Swi ...
Acer представила ультралегкий 15,6-дюймовый ноутбук Swi ...


«Прозрачность» Xiaomi Mi8 Exploration Edition оказалась ...
«Прозрачность» Xiaomi Mi8 Exploration Edition оказалась ...


Google разрабатывает смартфон на новейшем чипе Snapdrag ...
Google разрабатывает смартфон на новейшем чипе Snapdrag ...


Для южнокорейского рынка выпущен смартфон Samsung Galax ...
Для южнокорейского рынка выпущен смартфон Samsung Galax ...


Первым в мире смартфоном на чипе Helio P22 стал Vivo Y8 ...
Первым в мире смартфоном на чипе Helio P22 стал Vivo Y8 ...


Meizu выпустила бюджетный полноэкранный смартфон Meizu  ...
Meizu выпустила бюджетный полноэкранный смартфон Meizu ...


31 мая Xiaomi представит стандартную и специальную верс ...
31 мая Xiaomi представит стандартную и специальную верс ...


О софте:
"Лунная деревня" приобретает очертания
BASSLET — гаджет любителей клубов
Хакеры способны взломать кардиостимуляторы
Новосибирские физики построят коллайдер
Китай изучит гравитационные волны


Age Of Comp » Html » Css кнопки

Css кнопки

Технология стара как сам css, но здесь максимально учтено всего чего может быть, кнопки не только растягивается но, и отрабатывает нажатие и самое главное, они красивые.

MyMans

Зачем здесь onclick? Потому что IE не возвращает изменения active на которое вешается дизайн

a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}
a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* спрятать оконтовку в Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* приспустить текст на 1px */
}


Нравится пост? Жми: