Сделайте веб-страницу со ссылками, которые при наведении меняют свой цвет и фон, как показано ниже на видео.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Ссылки</title>
<style>
a {
color: green; /* Цвет ссылок */
padding: 3px; /* Поля вокруг текста */
}
a:hover {
background-color: coral; /* Цвет фона */
color: white; /* Цвет ссылок при наведении */
}
</style>
</head>
<body>
<ul>
<li><a href="page/1.html">Чебурашка</a></li>
<li><a href="page/2.html">Крокодил Гена</a></li>
<li><a href="page/3.html">Шапокляк</a></li>
</ul>
</body>
</html>
Эта самостоятельная связана со следующим уроком:
Типы ссылок