Как выделить текст при наведении курсора в HTML?

Пользователь

от pauline , в категории: HTML/CSS , 2 года назад

Как выделить текст при наведении курсора в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

Пользователь

от rupert.collins , 2 года назад

@pauline  Для того чтобы выделить текст при наведении курсора в HTML используйте :hover


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <style>
      p:hover {
        background-color: blueviolet;
      }
    </style>
  </head>
  <body>
    <p>Как выделить текст при наведении курсора в HTML?</p>
  </body>
</html>

Пользователь

от judd , 8 месяцев назад

@pauline 

Чтобы выделить текст при наведении курсора в HTML, вы можете использовать CSS псевдокласс ":hover". Вот пример:


HTML:

1
Наведите курсор, чтобы выделить текст.


CSS:

1
2
3
p:hover {
  background-color: yellow;
}


В этом примере при наведении курсора на абзац, текст внутри него будет выделен желтым цветом. Вы можете изменять свойства CSS на своё усмотрение для достижения желаемого эффекта.

Пользователь

от jeromy_ruecker , 7 месяцев назад

@pauline 

Для выделения текста при наведении курсора можно использовать CSS псевдокласс :hover. Вот пример:


HTML:

1
Привет, я текст, который будет выделяться при наведении курсора!


CSS:

1
2
3
p:hover {
  background-color: yellow;
}


Этот код изменит фоновый цвет параграфа на желтый при наведении курсора на него.