ligação CSS (link)
Links diferentes podem ter estilos diferentes.
ligação Estilo
links Estilo, você pode usar quaisquer propriedades CSS (como cor, fonte de fundo, etc.).
ligações especiais podem ter estilos diferentes, dependendo de que estado se encontram.
Os quatro estados da ligação são:
- a: link -, links não visitados normais
- a: visited - as ligações que o usuário tenha visitado
- a: hover - quando o usuário mouses sobre o link, quando
- a: active - o link é clicado no momento
Exemplos
a: visited {color: # 00FF00;} / * links visitados * /
a: hover {color: # FF00FF;} / * mova o mouse para o link * /
a: active {color: # 0000FF;} / * clique do mouse * /
tente »
Quando ajustado para um número de estilo de ligação de estado, existem algumas regras de ordem:
- a: hover deve seguir o a: link ea: visited tarde
- a: active deve seguir a: hover atrás
estilo elo comum
De acordo com o exemplo acima link mudança de cor, para ver o estado em que se encontra.
Vejamos algumas outras formas comuns de estilo de link:
Text-decoration
atributo text-decoration é usado principalmente para remover o sublinhado no links:
Exemplos
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
tente »
Cor de fundo
propriedade cor de fundo especifica a cor do link de fundo:
Exemplos
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}
tente »
mais exemplos
Adicionar diferentes estilos de hiperlinks
Este exemplo demonstra como adicionar outros estilos de hiperlinks.
Avançado - Criar caixa Ligações
Este exemplo demonstra um exemplo mais avançado, nós combinamos uma série de propriedades CSS aparecem como caixas.