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


О железках:
Xiaomi Mi 5X с 5,5-дюймовым дисплеем и двойной 12-Мп основной камерой представлен официально
Meizu выпустила флагманы Pro 7 и Pro 7 Plus с дополнительным дисплеем
Microsoft: Paint жив и будет бесплатно доступен в Windows Store
Moto X4 с чипсетом Snapdragon 660 протестирован в Geekbench
Apple iPhone 7: преимущества покупки в 2017 году
Топ новостей
Samsung Galaxy J3 (2017) поступил в продажу в Европе
Samsung Galaxy J3 (2017) поступил в продажу в Европе


Samsung SM-G9600 со Snapdragon 840 замечен в Geekbench
Samsung SM-G9600 со Snapdragon 840 замечен в Geekbench


OnePlus признала ошибку с «желейной» прокруткой у OnePl ...
OnePlus признала ошибку с «желейной» прокруткой у OnePl ...


Xiaomi Mi 6 в белом цвете наконец-то поступает в продаж ...
Xiaomi Mi 6 в белом цвете наконец-то поступает в продаж ...


Определен самый неудачный смартфон Apple за всю историю
Определен самый неудачный смартфон Apple за всю историю


Самый маленький телевизор Xiaomi Mi TV получил 3C серти ...
Самый маленький телевизор Xiaomi Mi TV получил 3C серти ...


Xiaomi обещает свое присутствие почти во всех странах з ...
Xiaomi обещает свое присутствие почти во всех странах з ...


Samsung Galaxy C7 (2017) получит двойную основную камер ...
Samsung Galaxy C7 (2017) получит двойную основную камер ...


Представлен бюджетный 5-дюймовый стартфон Xolo Era 1X P ...
Представлен бюджетный 5-дюймовый стартфон Xolo Era 1X P ...


LG тихо выпустила 5,2-дюймовый смартфон Q8
LG тихо выпустила 5,2-дюймовый смартфон Q8


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


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