Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Computer Programming Languages >> .

Come personalizzare il cursore con il codice CSS

Cascading Style Sheets ( CSS ) è una potente tecnologia di sviluppo Web che è possibile utilizzare per personalizzare il cursore del mouse per il vostro MySpace, Xanga o Friendster pagina o il vostro sito web . Esso è utilizzato per controllare lo stile e la presentazione di un sito web , particolarmente per definire il tipo di carattere , colore , presentazione e le altre caratteristiche di un sito . CSS è un prezioso risparmio di tempo , in quanto consente di determinare queste caratteristiche in un unico foglio di stile , piuttosto che dover creare il codice HTML per ogni istanza che esso è necessario. È inoltre possibile utilizzare i CSS per creare e personalizzare la vostra icona del cursore del mouse , semplicemente inserendo il proprio codice CSS nel vostro campo HTML . Con i CSS , è possibile creare una vasta gamma di effetti , come il cursore si modifica in base alle condizioni particolari definite dal codice . Istruzioni
1

utilizzare i seguenti codici per visualizzare gli effetti del cursore desiderati nel codice html descritto nei passaggi che seguono : {cursor : default} : Regolare il cursore del mouse {cursor : wait } : Clessidra o altri icona per visualizzare il PC "pensiero " {cursor : crosshair } : visualizza un'icona a croce {cursor : text } : visualizza un "io " icona a forma di quando il testo viene selezionato {cursor : pointer } : visualizza l'icona di mano che indica { cursore : help} : Guida ( in genere visualizza un punto interrogativo) {cursor : hand } : Mano {cursor : move } : Sposta {cursor : n - resize } : Ridimensiona nord {cursor : ne - resize } : Ridimensiona nord-est {cursor : e- resize } : Ridimensiona est { cursore : se- resize } : Ridimensiona sud-est {cursor : s - resize } : Ridimensiona sud {cursor : sw- resize } : Ridimensiona ovest {cursor : w - resize } : Ridimensiona ovest {cursor : nw - resize } : Ridimensiona ovest {cursor : non ammessi } : non ammessi {cursor : all- scroll } : All- scroll
2

Usa questo codice HTML per modificare lo stile del cursore quando si passa sopra un collegamento . Sostituire il "valore" con l'effetto del cursore desiderato dal Passo 1 : < ! - A: hover {cursor : valore} - >