Как сделать текст зачеркнутым css?
2 ответа
от
emanuel_boyer ,
4 года назад
@hoyt.jerde Сделать текст зачеркнутым в CSS можно так:
HTML:
1 2 3 |
<body> <p>Зачеркнутый текст</p> </body> |
CSS:
1 2 3 |
p { text-decoration: line-through; } |
от
caterina ,
3 года назад
@hoyt.jerde
Чтобы сделать текст зачеркнутым с помощью CSS, вы можете использовать свойство text-decoration и задать значение line-through. Вот пример:
1 2 3 |
.strikethrough { text-decoration: line-through; } |
Здесь мы создали класс .strikethrough, который будет применять стиль к тексту, за которым мы хотим добавить зачеркивание. Чтобы использовать этот класс в HTML, вы можете просто добавить его к элементу, содержащему текст, как показано ниже:
1
|
<p class="strikethrough">Этот текст будет зачеркнут</p> |
Теперь текст внутри <p>-элемента будет зачеркнут. Вы можете также использовать это свойство text-decoration с другими значениями, например, underline (подчеркнутый текст) или none (нет декорации текста).
15