Цвет активной ссылки css

Цвет активной ссылки css

С помощью HTML можно задавать цвета всех ссылок на странице, а также изменять цвета для отдельных ссылок.

Задание цвета всех ссылок на странице

Цвета ссылок задаются в качестве атрибутов тега . Атрибуты являются необязательными и если они не указаны используются значения по умолчанию.

link — определяет цвет ссылок на веб-странице (цвет по умолчанию синий, #0000FF).

alink — цвет активной ссылки. Цвет ссылки меняется при нажатии на ней кнопки мыши. Цвет по умолчанию красный, #FF0000.

vlink — цвет уже посещенных ссылок. Цвет по умолчанию фиолетовый, #800080.

В HTML цвета задаются обычно цифрами в шестнадцатеричном коде, в виде #rrggbb , где r, g и b обозначают соответственно красную, зеленую и синюю составляющую. Для каждого цвета задается шестнадцатеричное значение от 00 до FF, что соответствует диапазону от 0 до 255 в десятичном исчислении. Затем эти значения объединяются в одно число, перед которым ставится символ # (пример 1).

Пример 1. Задание цветов ссылок

Цвет не обязательно задавать в шестнадцатеричном формате, можно использовать и ключевые слова. В данном примере цвет фона веб-страницы установлен черным, а цвет ссылок — красным.

Для изменения цвета ссылок удобнее использовать CSS. Чтобы установить цвет для всех ссылок на веб-странице применяются следующие псевдоклассы, которые добавляются к селектору A .

visited — Стиль для посещенной ссылки.

active — Стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

hover — Стиль для ссылки при наведении на нее мышью.

В примере 2 показано, как изменить цвет ссылок на веб-странице с помощью стилей. Для этого воспользуемся стилевым свойством color , оно задает цвет определенного текста, в данном случае, ссылок.

Пример 2. Цвет ссылок, заданных через стили

Читайте также:  Как найти число в дробной степени

Задание цвета отдельных ссылок на странице

Вышеописанный способ задания цветов работает для всех ссылок веб-страницы. Однако, иногда возникает необходимость одновременно использовать разные цвета. Светлые, например, для темных областей веб-страницы, а темные цвета — соответственно для светлых. Для этого также можно воспользоваться стилями.

Пример 3. Изменение цвета ссылки с помощью стилей

В данном примере приведены три разных способа задания цвета с помощью стилей.

Дата публикации: 2018-02-26

От автора: интернет был основан на ссылках. Именно идея того, что мы можем кликать/нажимать на ссылки и переходить с одной веб-страницы на другую сделала фразу «серфить интернет» бытовой. Стилизация ссылок CSS помогает сделать их какими угодно. Хотя в HTML они отличаются от обычного текста даже без CSS.

Ссылки имеют синий цвет (просмотренные – фиолетовый). У них есть подчеркивание. В демо представлена самая простейшая ссылка.

Но что если мы хотим немного изменить ситуацию? Возможно, синий не подходит под дизайн вашего сайта. Может, вам не нравятся подчеркивания. Причина не важна – CSS позволяет стилизовать ссылки, как и любые другие элементы. Нам лишь нужно определить ссылку в стилях.

Хотите взять другой шрифт, сменить цвет, удалить подчеркивание и перевести все буквы в верхний регистр? Конечно, почему нет?

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

CSS атрибуты, определяющие CSS ссылки

В CSS ссылки также поддаются форматированию.

CSS описания ссылки Комментарий Результат
a Ссылка без псевдоэлементов. По умолчанию ее цвет синий, у той, которую посетили – пурпурный. Ссылка
a:link
a:visited
a:hover
Здесь уже с псевдоэлементами:
link – определяет изначальный вид ссылки.
visited – определяет вид посещенной ссылки.
hover – определяет вид ссылки в момент наведения на нее курсора.
Ссылка
a
a:hover
Данный способ описания ссылки самый распространенный. Селектор a соединяет в себе и а:link , и а:visited .
а:hover – как было сказано, определяет вид ссылки в момент наведения на нее курсора мыши.
Ссылка
Читайте также:  Если побриться налысо волосы будут гуще девушке

CSS подчеркивание ссылок, декоративный стиль

CSS подчеркивание ссылок определяется text-decoration и его значениями:

Ссылка на основную публикацию
Функция плотности распределения пуассона
На этой странице мы собрали примеры решения учебных задач, где используется распределение Пуассона. Краткая теория Рассмотрим некоторый поток событий, в...
Фоллаут 4 на икс бокс 360
Название: FallOut 4Жанр: Action, RPGИздатель: Bethesda SoftworksРазработчики: Bethesda Game StudiosПлатформы: PC, PlayStation 4, Xbox360 Дата выхода игры: 23 октября 2015...
Фольксваген тигуан 2 литра механика
Все минусы Фольксваген Тигуан 2018-2019 ➖ Качество отделочных материалов ➖ Расход топлива Плюсы ➕ Динамика ➕ Управляемость ➕ Удобный салон...
Функция распределения случайного времени безотказной работы радиоаппаратуры
На странице Непрерывная случайная величина мы разобрали примеры решений для произвольно заданных законов распределения (многочлены, логарифмы и т.п.). Здесь же...
Adblock detector