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


О железках:
iPhone X попал в список лучших изобретений года
HMD Global отгружает «звонилки» Nokia десятимиллионными партиями в месяц
Замечен загадочный флагман Sony на процессоре Snapdragon 845
Xiaomi выпустила дешевый фонарик Portable Flashlight
Lenovo представила еще один бюджетный планшет Tab 7 Essential
Топ новостей
Oppo R11s получил более 300 тыс регистраций в первые 24 ...
Oppo R11s получил более 300 тыс регистраций в первые 24 ...


Приложение Radarius «разжигает искру» между пользовател ...
Приложение Radarius «разжигает искру» между пользовател ...


Sony представила смартфоны среднего класса Xperia R1 и  ...
Sony представила смартфоны среднего класса Xperia R1 и ...


Открылись предзаказы на юбилейный iPhone X
Открылись предзаказы на юбилейный iPhone X


Как отследить предзаказанный iPhone X
Как отследить предзаказанный iPhone X


Дебютировал смартфон среднего класса HTC U11 Life
Дебютировал смартфон среднего класса HTC U11 Life


Microsoft выпустит складной девайс Andromeda
Microsoft выпустит складной девайс Andromeda


BLU Vivo 8L с 20-Мп селфи-камерой представлен официальн ...
BLU Vivo 8L с 20-Мп селфи-камерой представлен официальн ...


Названа дата выхода глобальной стабильной Xiaomi MIUI 9
Названа дата выхода глобальной стабильной Xiaomi MIUI 9


Полный список технических характеристик Xiaomi Redmi No ...
Полный список технических характеристик Xiaomi Redmi No ...


О софте:
"Лунная деревня" приобретает очертания
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 */
}


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