Как сделать перечеркнутый текст css?

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

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

Как сделать перечеркнутый текст css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от cheyenne.boehm , 2 года назад

@enid  Сделать перечеркнутый текст в CSS, можно так:


HTML:

1
2
3
<body>
    <p>Перечеркнутый текст</p>
</body>


CSS:

1
2
3
p {
  text-decoration: line-through;
}


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

от hobart.rath , год назад

@enid 

Чтобы сделать перечеркнутый текст с помощью CSS, вы можете использовать свойство "text-decoration" и установить его значение на "line-through". Например:

1
2
3
.text {
  text-decoration: line-through;
}


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


Пример использования на HTML элементе:

1
<p class="text">Этот текст будет перечеркнут</p>