Ссылка как кнопка

7 июля 2015

Сделайте ссылку, которая при наведении на неё курсора мыши меняла свой вид, как показано на рис. 1. Вверху показана исходная ссылка, внизу ссылка после наведения курсора.

54Решение:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ссылка</title> <style> .c { border: 1px solid #333; /* Рамка */ display: inline-block; padding: 5px 15px; /* Поля */ text-decoration: none; /* Убираем подчёркивание */ color: #000; /* Цвет текста */ } .c:hover { box-shadow: 0 0 5px rgba(0,0,0,0.3); /* Тень */ background: linear-gradient(to bottom, #fcfff4, #e9e9ce); /* Градиент */ color: #a00; } </style> </head> <body> <a href="#" class="c">Комментировать</a> </body> </html>


Источник: http://htmlbook.ru/practical/ssylka-kak-knopka

Написать комментарий

Адрес и телефон
E-mail: rs@corp2.net Skype: rudjuk
г. Киев, ул. Белорусская 30, офис. К2Р (схема проезда)
Мы в сети
Меню
www.megastock.ru Здесь находится аттестат нашего WM идентификатора 000000000000
Проверить аттестат
Наверх