Cascading Style Sheets (CSS) é uma poderosa tecnologia de desenvolvimento Web que você pode usar para personalizar o cursor do mouse para a sua página MySpace, Xanga ou Friendster ou o seu site. Ele é usado para controlar o estilo ea apresentação de um site , principalmente para definir o tipo de letra , cor, layout e outras funcionalidades de um site. CSS é uma economia de tempo de valor inestimável , uma vez que permite determinar esses recursos em uma única folha de estilo , ao invés de ter que criar código HTML para cada instância que for necessário. Você também pode usar CSS para criar e personalizar o seu ícone de cursor do mouse , basta introduzir o código CSS adequada para o seu campo HTML. Com CSS, você pode criar uma ampla gama de efeitos , como o cursor é modificado com base nas condições específicas definidas pelo código. Instruções
1
Use os seguintes códigos para mostrar os efeitos desejados do cursor no código html descrito nas etapas a seguir : { cursor : default } : cursor do mouse regular { cursor : wait } : Hourglass ou outro ícone para mostrar o PC "pensamento " { cursor : crosshair }: exibe um ícone em forma de cruz { cursor : texto }: exibe um "eu" ícone em forma quando o texto está sendo selecionado { cursor : pointer }: exibe um ícone de mão apontando { cursor : help }: Ajuda ( geralmente exibe um ponto de interrogação ) { cursor : hand } : Mão { cursor : move } : Mova o cursor { : n -resize } : Redimensionar norte { cursor : ne -resize } : Redimensionar a nordeste { cursor : e- redimensionamento } : Redimensionar leste { cursor : se -resize } : Redimensionar sudeste { cursor : s -resize } : Redimensionar sul { cursor : sw -resize } : Redimensionar sudoeste { cursor : w -resize } : Redimensionar oeste { cursor : nw -resize } : Redimensionar a noroeste { cursor : não é permitido } : Não é permitido { cursor : all -scroll }: All -scroll
2
Utilize este código html para mudar o estilo de seu cursor quando se paira sobre um link. Substitua o " valor " com o efeito desejado cursor da Etapa 1 :
,
3
Mude o estilo do cursor para a página inteira com o código abaixo . Substitua o " valor " com o efeito desejado cursor a partir do Passo 1: html head
4
Mude o estilo do cursor para uma determinada seção da página com o código abaixo . Substitua o " valor " com o efeito desejado cursor a partir do Passo 1: . Html head