Nwlapcug.com


Come fare un cursore con i CSS

Come fare un cursore con i CSS


Fogli di stile CSS consentono di definire lo stile della tua pagina Web tramite attributi e diversi selettori. Utilizzando i CSS, si può cambiare il tipo di carattere, aggiungere bordi e creare un layout di base per la tua pagina Web. Personalizzazione con i CSS si applica non solo ai font, layout e colori di sfondo, si estende anche al look dei puntatori del mouse e dei cursori sulla tua pagina. Tramite l'assegnazione di un cursore specifico per determinate aree sulla tua pagina tramite CSS, è possibile personalizzare l'aspetto della tua pagina e creare unici riferimenti visivi per la navigazione del sito.

Istruzioni

1

Aprire una pagina Web in un editor HTML.

2

Aggiungere il seguente codice HTML nella sezione < head >:

< style type = "text/css" >

. Help {cursor: help;}

< / stile >

Il CSS sopra mostra un punto interrogativo anziché il cursore predefinito per il puntatore del mouse.

3

Applicare il cursore all'interno della pagina Web definendo aree con classe "help" nel codice HTML:

< span class = "aiuto" >

Come è stato fatto questo?

< / span >

4

Salvare la pagina.

Consigli & Avvertenze

  • Oltre a "aiuto", altri cursori incorporati sono disponibili sul vostro browser, ad esempio "testo", "spostare", "mirino" e "attendere".
  • Se hai il tuo file CUR, è possibile utilizzare applicando il seguente codice CSS: ". Help {cursor: URL(myicon.cur);}." Basta sostituire "myicon.cur" con il tuo file CUR e assicurarsi che il file è nella stessa cartella come pagina Web.