Задача сделать текст одним цветом и перечеркнуть его линией другого цвета.
Пример: зачеркнуть старую цену и указать новую.
Цена: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> |