| Главная » Статьи » Интернет » Полезное |
Изменение стиля ссылок
| Наверняка каждый видел на "крутых" сайтах красивые эффекты ссылок при наведении на них и др. действий с ними? В этой статье я расскажу, каким образом мы сможем достигнуть таких эффектов. Начну с советов. Советы:
Теперь приступим, собственно, к самим ссылка с эффектами. Начнем с простейшего. Эффект чего-либо при наведении на ссылку. Все это можно спокойно сделать в "CSS" (задротам 'cs' выйти отсюда) Стили применяются к элементы ссылки A, и все делается с помощью несложной команды(селектора) а:hover. Помните, что для правильной работы селекторов псевдоклассов они должны находиться в таблице стилей в следующем порядке: :link, :visited, :hover, :active. Желательно не нарушать порядок их расположения. Напишем простой код стиля Code a:link { text-decoration: none; color: #000; } здесь мы написали: убираем стандартное подчеркивание ссылки (селектором text-decoration с переменной none) и делаем активную ссылку черного цвета (то есть ее нормальное состояние, при не наведенном курсоре, пока она еще не посещена) Далее напишем второй код. Code a:hover { text-decoration: underline; color: #ff0000; } Этот код стиля для ссылки, на которую наведен указатель нашей мыши. Мы указали здесь, что при наведении ссылка будет выделена красным цветом (color: #ff0000) и будет подчеркиваться (text-decoration: underline) P.S: Прошу заметить, что в данном уроке приведены примеры нескольких стилей для ссылок. Вы можете делать со стилем ссылки абсолютно все, что хотите, главное знать CSS, только придерживайтесь советов, о которых я написал выше | |
| Просмотров: 1222 | Теги: | Рейтинг: 0.0/0 |
| Всего комментариев: 0 | |
Личная Панель
Новое на форуме