Come fare un cursore con i CSS

July 27

Come fare un cursore con i CSS


Cascading Style Sheets consentono di definire lo stile della pagina Web attraverso diversi selettori e gli attributi. Utilizzando i CSS, è possibile modificare il tipo di carattere, aggiungere bordi e creare un layout di base per la pagina Web. Personalizzazione con i CSS si applica non solo ai font, layout e colori di sfondo, si estende anche al look di puntatori del mouse e cursori sulla tua pagina. Assegnando un particolare del cursore per alcune zone sulla tua pagina tramite CSS, è possibile personalizzare l'aspetto della pagina e creare segnali visivi unici per la navigazione del sito.

istruzione

1 Aprire una pagina Web in un editor HTML.

2 Aggiungere il seguente codice HTML nella sezione <head>:

<Style type = "text / css">

.help {cursore: aiuto; }

</ Style>

Il CSS sopra mostra un punto interrogativo al posto del cursore predefinito per il puntatore del mouse.

3 Applicare il cursore all'interno di una pagina Web, definendo le aree con l ' "aiuto" di classe nel codice HTML:

<Span class = "help">

Come è stato fatto?

</ Span>

4 Salvare la pagina.

Consigli e avvertenze

  • Oltre a "aiuto", altri cursori built-in sono disponibili sul vostro browser, come ad esempio "testo", "movimento", "mirino" e "aspettare".
  • Se hai un tuo file CUR, si può utilizzare applicando la seguente codice CSS: ".help. {Cursore: URL (myicon.cur);}" Basta sostituire "myicon.cur" con un tuo file CUR e assicurarsi che il file si trova nella stessa cartella come la pagina Web.