Як змінити колір фону за допомогою наведення курсора?

Щоб змінити колір фону під час наведення курсора за допомогою CSS, ви можете використовуйте селектор псевдокласу :hover. У цьому прикладі колір фону елемента буде змінено з #0001 на #000F під час наведення курсора. Для отримання додаткової інформації про псевдо-класи та ефекти наведення ви можете прочитати тут.

У CSS заміна фонового зображення передбачає використання псевдокласу :hover для елемента та зміна його властивості background-image на нову URL-адресу зображення при наведенні, забезпечуючи плавний ефект переходу та покращуючи взаємодію користувача з веб-сторінкою.

За допомогою a:link ви можете змінити колір посилань за замовчуванням, а за допомогою a:visited ви можете переконатися, що колір зберігається після того, як ви перейшли за посиланням. За допомогою a:hover color: ви можете змінити колір самого тексту під час наведення і колір фону, звичайно, змінює колір саме цього.

Підхід: оскільки ми хочемо змінити колір фону елементів li при наведенні на них курсора, ми це зробимо додайте властивість background-color із кольором, на який ми хочемо змінити під час наведення, у селектор li:hover. Це показано в наведеному нижче прикладі, де колір фону зміниться на блакитний при наведенні курсора.

Натисніть Windows Пуск >> Налаштування >> Персоналізація >> Кольори >> Налаштування високої контрастності (права частина екрана) >> Розмір курсора та вказівника >> Змініть розмір і колір вказівника >> Змініть колір вказівника >> Виберіть «Чорний», він автоматично змінить колір, тепер ви можете перейти на робочий стіл і перевірити, чи …