ИП Иванов Д. А.

Как менять текст при наведении CSS

теги:

Категории

Рубрики
В анализ конкурентов входит:
  • Анализ UX/UI сайта
  • Сбор и кластеризация семантики
  • Анализ конкурентов Я. Директ
  • Анализ конкурентов SEO
  • Формирование ТЗ и рекомендаций
  • Формирование стратегий
от 18200 
от 24000 
Закажите сайт любой сложности под Ключ. После разработки в первый месяц вы получите бонусом:
  • Техническая поддержка сайта
  • Скидка на контекстную рекламу
  • Базовая СЕО оптимизация сайта (для многостраничных сайтов)
 
от 8500 

Как менять текст при наведении CSS

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

HTML:

<p>Наведите курсор на этот текст</p>

CSS:

p:hover {
  color: red;
  font-weight: bold;
  content: "Текст изменен!";
}

В этом примере при наведении курсора на текст он станет красным, жирным и изменится на «Текст изменен!». Свойство content используется для замены текста.

Поделиться:

Комментарии

Оставьте комментарий

Задать вопрос

Мы ответим в ближайшее время!

Отправляя заявку вы даете согласие на обработку персональных данных.

Вступайте в наш телеграм чат. Задавайте вопросы, помогайте другим.