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


О железках:
iPhone 8 проверили на прочность
Основатель Microsoft извинился за Ctrl+Alt+Delete
Xiaomi хвастается продажей 1 млн смартфонов за 2 суток
iPhone 8 дали оценку ремонтопригодности
Panasonic представила два недорогих смартфона: Eluga Ray 500 и Eluga Ray 700
Топ новостей
Lenovo K8 Plus с 5,2-дюймовым FullHD дисплеем и двойной ...
Lenovo K8 Plus с 5,2-дюймовым FullHD дисплеем и двойной ...


LG V30 с 6-дюймовым P-OLED экраном представлен официаль ...
LG V30 с 6-дюймовым P-OLED экраном представлен официаль ...


Samsung выпустила планшет Galaxy Tab A 8.0 (2017)
Samsung выпустила планшет Galaxy Tab A 8.0 (2017)


Вместе с Mi Mix 2 компания Xiaomi представит Mi Note 3
Вместе с Mi Mix 2 компания Xiaomi представит Mi Note 3


Apple представила шумоподавляющие наушники Beats Studio ...
Apple представила шумоподавляющие наушники Beats Studio ...


Axon Multy — горизонтальная раскладушка от ZTE
Axon Multy — горизонтальная раскладушка от ZTE


Xiaomi Mi Mix 2 в рабочем состоянии замечен в Сети
Xiaomi Mi Mix 2 в рабочем состоянии замечен в Сети


Xiaomi Mi Note 3 не будет флагманом
Xiaomi Mi Note 3 не будет флагманом


Представлен смартфон Samsung Galaxy J7 Plus с двойной к ...
Представлен смартфон Samsung Galaxy J7 Plus с двойной к ...


Антивирус Google не смог выявить вирус, поразивший 20 м ...
Антивирус Google не смог выявить вирус, поразивший 20 м ...


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


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