Задача сделать текст одним цветом и перечеркнуть его линией другого цвета.
Пример: зачеркнуть старую цену и указать новую.
Цена:100 $
99 $!
Решение. HTML-код: текст, который нужно зачеркнуть оборачиваем двумя тегами (например span) и указываем стили: во внешнем – указываем красный цвет и перечеркнутый текст; во внутреннем теге – прописываем черный цвет.
1
2
3
4
5
6
|
<p style=“text-align: center; font-size: 3rem; line-height: 1;”><span style=“color: #ff2c0a; text-decoration: line-through;”><span style=“color: #333333;”>Цена:100 $</span></span> <br />
<span style=“font-size: 3.5rem;color: #333333;”>99 $!</span></p>
|