O atributo Cascading Style Sheets (CSS) é mais comumente usado para alterar a cor de hiperlinks em páginas da web. Soluções menos funcionais para esse problema estão na linguagem HTML (HyperText Markup Language - "linguagem de marcação de hipertexto").
É necessário
Conhecimento básico de linguagens HTML e CSS
Instruções
Passo 1
Prepare um bloco de estilo para hiperlinks. Em sua forma mais simples, pode ter a seguinte aparência: a {color: Green} Aqui, "a" é chamado de "seletor", o que indica que a descrição do estilo entre parênteses deve ser aplicada a todas as tags de link no documento. Verde define a cor do link; esta é uma definição de cor muito aproximada e raramente é usada. Com muito mais frequência, uma "pseudo-classe" é adicionada ao seletor "a" - é um rótulo que permite especificar o estilo do link em três estados diferentes.
Passo 2
Use a pseudoclasse de link para definir o estilo do estado normal (inativo) do link. Pode ter a seguinte aparência, por exemplo: a: link {color: Green}
etapa 3
Use o foco de pseudoclasse para especificar como o link deve aparecer durante o foco. Por exemplo: a: hover {color: Lime}
Passo 4
Use a pseudo-classe visitada para descrever o estilo de um link já visitado. Por exemplo: a: visitado {cor: Verde Escuro}
Etapa 5
Combine todos os três estados em um bloco de descrição de estilo. A aparência do código HTML contendo descrições CSS de estilos pode, por exemplo, ter a seguinte aparência:
a: link {cor: Verde}
a: visitou {cor: Verde escuro}
a: hover {color: Lime}
Aqui, as tags de estilo HTML de abertura e fechamento informam ao navegador onde as descrições de estilo começam e terminam, e entre elas está uma descrição do comportamento do link em três estados.
Etapa 6
O exemplo usado acima mostra apenas as características da cor, mas outros atributos podem ser incluídos na descrição. Por exemplo, se o design da página exigir que o link não seja sublinhado no estado normal (inativo), mas sublinhado quando o cursor passa o mouse, o código pode ser modificado da seguinte maneira:
a: link {cor: Verde; decoração de texto: nenhum;}
a: visitado {cor: Verde Escuro; decoração de texto: nenhum;}
a: pairar {cor: Lima; decoração de texto: sublinhado;}
Etapa 7
Se você quiser alterar a cor de apenas alguns links na página e deixar o restante com as configurações padrão, adicione o atributo de classe à tag de cada link que está sendo alterado. Por exemplo, nomeie essa classe de hiperlink como newLinks. Em seguida, a tag do link pode ter a seguinte aparência: link de texto O mesmo nome de classe deve ser adicionado à descrição do estilo:
a.newLinks: link {color: Green; decoração de texto: nenhum;}
a.newLinks: visitados {color: DarkGreen; decoração de texto: nenhum;}
a.newLinks: hover {color: Lime; decoração de texto: sublinhado;}
Etapa 8
Coloque o código de descrição do estilo preparado a partir dos exemplos descritos acima no cabeçalho da página - entre as tags e. Se necessário, adicione um atributo de classe às tags de link com o nome usado nas descrições de estilo. Em seguida, salve a página modificada e o procedimento para alterar a cor dos hiperlinks será concluído.
