• CSS Основы

• Что Такое CSS ?
• Синтаксис CSS
• Селекторы id и class
• Добавление Стилей в HTML Документ

• CSS Оформление

• CSS Фон
• CSS Текст
• Шрифты в CSS
• CSS Ссылки
• CSS Списки
• CSS Таблицы

• CSS Блоки

• CSS Блочная Модель
• CSS Границы
• CSS Контуры
• CSS Поля
• CSS Отступы

• CSS Продвинутый

• Сгруппированные и Вложенные Селекторы
• CSS Размеры
• Отображение и Видимость Элементов
• CSS Позиционирование
• Плавающие Элементы
• CSS Выравнивание
• Псевдо Классы в CSS
• Псевдо Элементы в CSS
• Панель Навигации
• Галерея Изображений
• Прозрачность Изображений в CSS
• Спрайты Изображений
• CSS Медиа Типы
• Атрибутивные
  Селекторы
• Заключение

• CSS Примеры

• CSS Примеры

• CSS Справочники

• CSS Справочник
• CSS Единицы Измерения
• CSS Значения Цветов
• CSS Названия Цветов
• CSS HEX Значения Цветов

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

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

Ссылки могут быть оформлены с помощью любого 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, чтобы отображать ссылки как блоки.