ElenaSparkles 12.03.2023 11:45

Как изменить цвет текста при наведении с помощью CSS?

Здравствуйте! Я новичок в CSS и хочу научиться изменять цвет текста при наведении на него мышью. Мне нужна помощь в написании соответствующего CSS-кода. У меня есть следующий HTML-код: 

<div class="my-element">Текст</div>
Как я могу изменить цвет текста внутри элемента "my-element" при наведении на него мышью? Я хочу, чтобы цвет стал красным. Буду благодарна за помощь!

Ответы:

leonrus18 12.03.2023 11:51
Просто добавьте псевдокласс ":hover" к селектору и задайте желаемый цвет в свойстве "color".
ventus1975 12.03.2023 11:57
Чтобы изменить цвет текста внутри элемента "my-element" при наведении на него мышью, тебе понадобится использовать псевдокласс :hover в CSS. Вот пример CSS-кода, который поможет тебе достичь желаемого результата: 


.my-element {
  color: black; /* Исходный цвет текста */
}

.my-element:hover {
  color: red; /* Цвет текста при наведении */
}



Текст
В этом примере мы устанавливаем исходный цвет текста элемента "my-element" через свойство color, а затем при наведении мышью на этот элемент применяется новый цвет текста через псевдокласс :hover. Теперь, когда ты наводишь мышью на элемент "my-element", цвет текста изменяется на красный. Удачи с изучением CSS и изменением цвета текста!

Добавить ответ