Как перечеркнуть текст CSS

Для того чтобы перечеркнуть текст в CSS, используйте свойство “text-decoration” и задайте его значение “line-through”:

селектор {
  text-decoration: line-through;
}

Например, если вы хотите перечеркнуть текст внутри тега <p>, то в CSS-файле можно написать следующее:

p {
  text-decoration: line-through;
}

В этом случае всё содержимое внутри тега <p> будет перечеркнуто. Вы также можете использовать это свойство для перечеркивания ссылок и других элементов на странице.

Если вы хотите добавить перечеркивание только при наведении курсора на элемент, то используйте псевдокласс “hover”:

селектор:hover {
  text-decoration: line-through;
}

Например, чтобы добавить перечеркивание при наведении на ссылку, напишите следующий код:

a:hover {
  text-decoration: line-through;
}

Таким образом, при наведении курсора на ссылку она будет перечеркиваться.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как перечеркнуть текст CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали