• Как продвинуть сайт на первые места?
    Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.
    Ускорение продвижения
    Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.
    Начать продвижение сайта
  • Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    Сам записывает клиентов и напоминает им о визите;
    Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

CSS Урок 8 Ссылки


« Назад Далее »

Ссылки могут быть оформлены различными путями.


Оформление Ссылок

Ссылки могут быть оформлены с помощью любого CSS свойства (например color, font-family, background и т.д.).

Особенность оформления ссылок в том, что они могут быть оформлены различными способами в зависимости от состояния, в котором они находятся.

Четыре состояния ссылки это:

  • a:link - обычная, не посещенная ссылка
  • a:visited - ссылка, которую пользователь уже посетил
  • a:hover - ссылка, над которой находится курсор мыши
  • a:active - ссылка, на которую в данный момент кликнули

Пример






Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает

При установке стиля для нескольких состояний ссылки, есть несколько порядковых правил:

  • a:hover ДОЛЖНО идти после a:link и a:visited
  • a:active ДОЛЖНО идти после a:hover

Способы Оформления Ссылок

В примере выше ссылка меняет цвет в зависимости от состояния, в котором она находится.

Давайте посмотрим некоторые другие способы оформления ссылок:

Декорация Текста

Свойство text-decoration в основном используется для удаления подчеркивания из ссылок:

Пример






Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает

Цвет Фона

Свойство background-color указывает цвет фона для ссылок:

Пример






Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает


Примеры

Еще примеры

Добавление различных стилей к гиперссылкам
Этот пример демонстрирует, как добавить другие стили к гиперссылкам.

Продвинутый пример - Создание ссылок в виде блоков
Этот пример демонстрирует более продвинутый пример, где мы сочетаем несколько свойств CSS, чтобы отображать ссылки как блоки.





« Назад Далее »



© 2011 - 2022 Уроки CSS