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


О железках:
Версия Windows 10 для китайского правительства прошла тестирование
Xiaomi может выпустить бюджетный безрамочный Mi Mix за $145
Xiaomi выпустит детскую маску с воздушным фильтром
Galaxy S8 и S8+ будут еще дороже, чем считалось ранее
Xiaomi Mi 6 Plus с двойной камерой замечен в Сети
Топ новостей
Стала известна предполагаемая стоимость Xiaomi Mi 5C
Стала известна предполагаемая стоимость Xiaomi Mi 5C


MWC 2017: Gionee представила селфифоны A1 и A1 Plus
MWC 2017: Gionee представила селфифоны A1 и A1 Plus


SanDisk выпустила новую Extreme microSDXC UHS-I карту с ...
SanDisk выпустила новую Extreme microSDXC UHS-I карту с ...


Лучшим смартфоном 2016 года стал Samsung Galaxy S7 Edge
Лучшим смартфоном 2016 года стал Samsung Galaxy S7 Edge


Sony презентовали проектор Xperia Touch, разработанный  ...
Sony презентовали проектор Xperia Touch, разработанный ...


Google больше не выпустит ноутбуки Pixel
Google больше не выпустит ноутбуки Pixel


ZTE презентовали первый в мире гигабитный смартфон
ZTE презентовали первый в мире гигабитный смартфон


Adata продемонстрировала SSD на базе 3D-NAND
Adata продемонстрировала SSD на базе 3D-NAND


Российские Android-роботы отправились в Турции
Российские Android-роботы отправились в Турции


Представители Samsung довольны закрытой презентацией Ga ...
Представители Samsung довольны закрытой презентацией Ga ...


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


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