Как изменить цвет гиперссылки в css?

Пользователь

от loyal , в категории: HTML/CSS , 3 года назад

Как изменить цвет гиперссылки в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от helmer , 3 года назад

@loyal  Изменить цвет гиперссылки в css можно через color :


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <style>
      a {
        color: darkblue;
      }
    </style>
  </head>
  <body>
    <a href="https://dropcode.ru/">Меняем цвет ссылки</a>
  </body>
</html>

Пользователь

от margaret , 2 года назад

@loyal 

Свойство для изменения цвета гиперссылки в CSS - color. Для изменения цвета гиперссылки необходимо использовать селектор ссылки (a) и установить свойство color со значением желаемого цвета в формате HEX, RGB или названием цвета.


Например:

1
2
3
a {
  color: #ff0000; /* красный цвет */
}


Можно также использовать псевдокласс :hover для изменения цвета гиперссылки при наведении на нее курсора:

1
2
3
a:hover {
  color: #0000ff; /* синий цвет при наведении */
}


Также можно использовать псевдоклассы :visited и :active для изменения цвета посещенных и активных гиперссылок:

1
2
3
4
5
6
7
a:visited {
  color: #800080; /* фиолетовый цвет для посещенных ссылок */
}

a:active {
  color: #008000; /* зеленый цвет для активных ссылок */
}