Non è necessario accontentarsi del set di cursore predefinito per la creazione di pagine Web. Con poche righe di codice CSS e HTML, è possibile scegliere quale cursori incorporati appaiono sullo schermo di un visitatore per una particolare azione. È anche possibile progettare e utilizzare i propri cursori se siete artistico o avere accesso a immagini adatte. Assegnazione di una classe per ogni istanza cursore offre un controllo completo su cui appaiono le immagini del cursore e quando.

istruzione

1 Aprire il codice sorgente HTML in un editor di testo.

2 Definire il tipo di stile CSS nella sezione "testa" del codice con il tag:

<Style type = "text / css">

3 Definire una classe e assegnare un cursore ad esso con l'affermazione:

.crosshair {cursore: mirino}

4 Chiudere la sezione "stile" con il tag di chiusura:

</ Style>

5 Assegnare la classe al tag desiderata all'interno. All'interno della sezione "corpo" del codice con l'istruzione class:

<P class = "mirino"> Posiziona il cursore sopra questo paragrafo per l'effetto mirino </ p>

6 Salvare il file e chiudere l'editor di testo.

Consigli e avvertenze

• Quando si utilizza un cursore personalizzato, specificare la posizione URL all'interno della definizione di classe seguendo l'esempio:
• .custom {cursore: url (http://www.mysite.com/cursors/custom.gif), auto}