Чтобы изменить цвет ссылки в CSS, вы можете использовать псевдо-класс :link
, который применяется к не посещенным ссылкам, и свойство color
.
Вот пример:
<!DOCTYPE html>
<html>
<head>
<title>Моя веб-страница</title>
<style>
a:link {
color: blue;
}
</style>
</head>
<body>
<p>Перейдите на <a href="https://www.example.com">сайт example.com</a>.</p>
</body>
</html>
Здесь мы используем a:link
и задаем свойство color
как blue
, чтобы изменить цвет не посещенных ссылок на странице.
Также, вы можете использовать другие значения цвета, такие как названия цветов (например, red
, green
, black
, и т.д.), коды цветов (например, #FF0000
, #00FF00
, #0000FF
, и т.д.), а также значения RGB и HSL.
Чтобы изменить цвет посещенной ссылки, используйте псевдо-класс :visited
. Чтобы изменить цвет наведения на ссылку, используйте псевдо-класс :hover
. Например:
<!DOCTYPE html>
<html>
<head>
<title>Моя веб-страница</title>
<style>
a:link {
color: blue;
}
a:visited {
color: purple;
}
a:hover {
color: red;
}
</style>
</head>
<body>
<p>Перейдите на <a href="https://www.example.com">сайт example.com</a>.</p>
</body>
</html>
Здесь мы используем a:visited
и a:hover
, чтобы изменить цвет нажатых и наведенных ссылок соответственно.