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

Чтобы изменить цвет ссылки в 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, чтобы изменить цвет не посещенных ссылок на странице.

Также, вы можете использовать другие значения цвета, такие как названия цветов (например, redgreenblack, и т.д.), коды цветов (например, #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, чтобы изменить цвет нажатых и наведенных ссылок соответственно.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как изменить цвет ссылки в css

Наш специалист свяжется с вами в ближайшее время и уточнит детали