Como Mudar A Cor Do Link Em Html

Índice:

Como Mudar A Cor Do Link Em Html
Como Mudar A Cor Do Link Em Html
Anonim

Os desenvolvedores da Web iniciantes costumam se perguntar sobre como alterar a aparência dos hiperlinks. Isso é bastante natural, pois o tema da formatação correta dos links é constantemente levantado por designers e designers de layout.

Como mudar a cor do link em html
Como mudar a cor do link em html

Instruções

Passo 1

Por padrão, os links são desenhados em azul (# 0000FF), têm um sublinhado e mudam de cor quando mudam para roxo (# 800080), com os links ativos destacados em vermelho (# FF0000). A configuração de cores para todos os links na página em seus diferentes estados é realizada usando ferramentas HTML padrão - três atributos da tag. A alteração dos parâmetros de design de links individuais pode ser realizada alterando os valores dos atributos da tag correspondente.

Passo 2

Existem três maneiras de definir valores para atributos de estilo. Em todos os casos, você deve especificar a fonte e a cor do sublinhado, que pode ser na forma de um código hexadecimal em variantes completas (#FFFFFF) ou abreviadas (#fff). A cor também pode ser especificada no formato RGB (101, 010, 111) ou no valor html padrão do atributo de estilo, ou seja, a palavra-chave (cinza, vermelho, etc.). Esses valores são definidos para os atributos link, alink e vlink.

etapa 3

O atributo opcional de link da tag determina a cor de todos os hiperlinks na página. Se o atributo não for especificado, o padrão será assumido.

Passo 4

O atributo opcional alink da tag determina a cor de todos os hiperlinks ativos, ou seja, muda a cor do link para aquela especificada ao clicar nele. Os itens de menu que apontam para a página atualmente aberta no navegador também são considerados hiperlinks ativos. Se o atributo não for especificado, o padrão será assumido.

Etapa 5

O atributo opcional vlink da tag determina a cor de todos os hiperlinks visitados, ou seja, altera a cor do link após clicar nele. Se o atributo não for especificado, o padrão será assumido.

Etapa 6

Você pode usar as propriedades CSS no documento HTML para alterar a cor de todos os hiperlinks. Eles são gravados entre as tags emparelhadas e especificados entre as tags necessárias e. As propriedades são definidas por meio do seletor A: com a pseudoclasse visitada, que especifica a cor dos links visitados, ativo, que especifica a cor dos links ativos, ou hover, que especifica a cor dos links ao passar o mouse sobre eles.

Etapa 7

Se você precisar alterar a cor de um link individual, e não todos de uma vez, você deve usar o atributo de estilo para a tag, conectando assim os estilos a uma tag específica. O valor do atributo neste caso é a propriedade color, a sintaxe é a seguinte:, ou seja, você pode usar qualquer um dos quatro métodos para especificar uma cor.

Recomendado: