Effetto testo barrato con con i Css

Autore: Luca Ruggiero | Tell a Friend Corso HTML Impara il linguaggio di marcatura per il Web. Corso CSS Web Design ed Accessibilità secondo il W3C! Corso Web Design 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>