Frecce in ASCII, frecce cssCredo che uno dei tanti problemi che fanno impazzire i web designer, siano le frecce. Il più delle volte si opta per esportarle in formato gif o png, impazzendo poi con le dimensioni, sfondi, allineamenti, ecc…

Dopo un po’ di ricerche siamo finalmente riusciti a svelare l’arcano e trovare alcuni metodi per visualizzarle al meglio senza troppi grattacapi.

Frecce HTML in codifica  ASCII o Esadecimale

Ecco a voi una piccola tabella riassuntiva dei simboli con il corrispettivo valore html o esadecimale:

SIMBOLOCODIFICA
← ↑ → ↓ ↔← ↑ → ↓ ↔
◄ ▲ ► ▼◄ ▲ ► ▼

Esistono inoltre altre tipologie di frecce/triangolo, con sfondo bianco e di dimensioni più piccole, ma è necessario ricordare che non sono ASCII ( American Standard Code for Information Interchange ), bensì Unicode.

Frecce CSS

Un altra tecnica per rappresentare dei triangoli e utilizzarli delle frecce ascii che abbiamo visto, è quella di assegnare ad un oggetto una classe con le seguenti caratteristiche:


.freccia_su {
height: 0;
width: 0;
border: 4px solid transparent;
border-bottom-color: #000;
}


.freccia_giu {
height: 0;
width: 0;
border: 4px solid transparent;
border-top-color: #000;
}

Lascia un commento