Come modificare il puntatore in una mano il passaggio del mouse in CSS

March 24

Come modificare il puntatore in una mano il passaggio del mouse in CSS


Cascading Style Sheets (CSS) consentono di formattare le pagine Web con effetti dinamici interessanti. Un modo per lo stile i vostri siti web con i CSS è quello di creare le modifiche che entrano in vista solo quando il mouse passa sopra un elemento. In tali casi, è facile cambiare l'aspetto del cursore del mouse alla mano di puntamento classico.

istruzione

1 Aprire il file CSS per la pagina Web.

2 Individuare la classe o ID a cui si desidera applicare la modifica del cursore.

3 Creare una nuova serie di linee guida di stile utilizzando il ": hover" pseudo-classe. Per esempio, se il vostro elemento è nella classe "pointyhand":

.pointyhand: hover {

4 Specificare che il cursore si trasformerà in "puntatore" utilizzando la proprietà del cursore. Ad esempio, all'interno della pointyhand: hover classe:

.pointyhand: hover {cursor: pointer}

5 Salvare il file e verificare le modifiche caricando il documento HTML.

Consigli e avvertenze

  • Internet Explorer 5.5 e inferiori supporti "mano" al posto di "puntatore". Al fine di rendere il vostro cambiamento visibile in queste versioni di Internet Explorer, inserire "cursor: hand" nella riga sotto "del cursore:. Puntatore" Si noti anche che le versioni di Internet Explorer 6 e al di sotto non supporta il: selettore hover per eventuali elementi diversi collegamenti.