Как выделить текст при наведении курсора в HTML?
3 ответа
от
rupert.collins ,
год назад
@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 ,
3 месяца назад
@pauline
Чтобы выделить текст при наведении курсора в HTML, вы можете использовать CSS псевдокласс ":hover". Вот пример:
HTML:
1
|
Наведите курсор, чтобы выделить текст. |
CSS:
1 2 3 |
p:hover { background-color: yellow; } |
В этом примере при наведении курсора на абзац, текст внутри него будет выделен желтым цветом. Вы можете изменять свойства CSS на своё усмотрение для достижения желаемого эффекта.
от
jeromy_ruecker ,
2 месяца назад
@pauline
Для выделения текста при наведении курсора можно использовать CSS псевдокласс :hover. Вот пример:
HTML:
1
|
Привет, я текст, который будет выделяться при наведении курсора! |
CSS:
1 2 3 |
p:hover { background-color: yellow; } |
Этот код изменит фоновый цвет параграфа на желтый при наведении курсора на него.
15