Tăiere text cu altă culoare

În cazul în care este necesară evidenţierea unui text greşit sau anulat, se poate folosi opţiunea de tăiere; dacă în procesoarele de text acest aspect se realizează uşor, prin apăsarea unui buton (Strikethrough), în HTML (caz concret, WordPress) poate ar ajuta vreun plugin sau, pur şi simplu, ne ajutăm de puţin CSS. Şi, dacă rezolvăm tăierea textului, mai elegant ar fi dacă se colorează diferit linia de tăiere (poate, chiar, roşu, care evidenţiază deseori erori).

O variantă comodă ar fi utilizarea, de două ori, a elementului span, după cum se poate vedea în exemplul de mai jos.

HTML

<p>
Acest text <span style="text-decoration: line-through; color: red;"><span style="color: black;"><strong>nu</strong></span></span> mai este valabil.
</p>

Rezultat

Acest text nu mai este valabil.

Author: Ovidiu.S

Suficient de pasionat de această zonă profesională ca, în cazul în care ştiu ceva - cât de puţin - să împărtăşesc cu alţii.

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *