2012-02-14 4 views

risposta

70

Sì, ►, ma potrebbe non guardare la stessa in tutti i browser.

+4

Non ci si aspetta che i personaggi abbiano lo stesso aspetto, ma questo personaggio, BLACK RIGHT-POINTING POINTER (U + 25BA), è di forma semplice, ei progettisti di font hanno pochi motivi per fare qualcosa di esotico con esso. Ha una buona copertura di font, compresi i font molto comuni come Arial: http://www.fileformat.info/info/unicode/char/25ba/fontsupport.htm –

+4

Giusto per chiarire: ► equivale a (U + 25BA) – NoBrainer

+3

Be attento, a tutti. 25BA sembra schiacciato su alcuni dispositivi perché è un "puntatore" e non un "triangolo". Se stai cercando un triangolo equilatero, usa 25B6. Ecco un grafico: http://www.w3schools.com/charsets/ref_utf_geometric.asp –

22

► da Wolfram Alpha

+11

+1, non sapevo che puoi farlo facilmente con Wolfram! – dain

+0

Mucca santa. Ho effettuato il login per ringraziare per avermi insegnato questo wolfram alfa. – jeremyosborne

+1

Per quanto riguarda la modifica suggerita (non ho abbastanza reputazione per rifiutarla): il punto è che è possibile incollare il simbolo in WolframAlpha e non è necessario conoscere la rappresentazione HTML. Il modulo in cui ho pubblicato era completamente intenzionale. Si prega di ripristinare la versione originale. –

-6

Beh, è ​​possibile utilizzare un'immagine e visualizzarla nella <img></img> tags.On loro evento click, si potrebbe scrivere un po 'di code.You JavaScript si potrebbero cercare le immagini in Google.

+0

Non c'è il tag di chiusura ''. –

21

Se avete bisogno di usarlo in CSS, come in

li:before { 
     content: '\25BA'; 
    } 

Questa è la conversione CSS di &#9658; uno strumento utile per queste conversioni: evotech.net/articles/testjsentities.html

+1

Hai un tipo lì, dovrebbe essere 'content: '\ 25BA';' e non 'content = '\ 25BA';' – Timo

+0

Grazie! Timo. – silverliebt

+0

evotech.net/articles/testjsentities.html è fantastico. – arpit

5

Ho provato ad utilizzare il codice ASCII, ma didn Mi piace come sembra sempre allungato.

Invece, ho trovato una soluzione facilmente personalizzabile ingegnosa on-line, che utilizza CSS e manipola solo la proprietà border:

.play { 
 
    border-top: 10px solid white; 
 
    border-bottom: 10px solid white; 
 
    border-left: 20px solid black; 
 
    height: 0px; 
 
}
<div class="play"></div>

+1

vale la pena notare che è possibile utilizzare 'transparent' come opzione di colore – Sgnl

+3

anche questa codepen è fondamentale per spiegare come funziona: https://codepen.io/chriscoyier/pen/lotjh – Sgnl