Effetto testo barrato con con i Css

Design di siti Web con HTML e CSS Disegno di siti Web con HTML, CSS e Dynamic HTML.

Concesso in esclusiva a MrWebmaster.it - E' vietata la pubblicazione senza espresso consenso del proprietario

Per quanto poco utilizzato conosciamo bene l'importanza di poter sbarrare un testo per farlo sembrare cancellato, sistema utile ad esempio nei carrelli della spesa per i prodotti in promozione, segnalando sia il prezzo pieno sbarrato ed il prezzo corrente.

In HTML tradizionale utilizziamo i Tag s

<s>TESTO SBARRATO</s>

<strike>TESTO SBARRATO</strike>

<span class="strike">TESTO SBARRATO</span>

<style type="text/css">
span.strike
{
    text-decoration: line-through;
}
</style>