Como Destacar Um Link Com Cor

Índice:

Como Destacar Um Link Com Cor
Como Destacar Um Link Com Cor

Vídeo: Como Destacar Um Link Com Cor

Vídeo: Como Destacar Um Link Com Cor
Vídeo: Como destacar um trecho do texto no Elementor Wordpress? 2024, Novembro
Anonim

A linguagem de marcação HTML possui um grande número de opções para exibir elementos na janela do navegador. Para editar os parâmetros gráficos, definir a cor dos elementos da página, CSS é frequentemente usado, o que permite ajustar a cor do texto desejada.

Como destacar um link com cor
Como destacar um link com cor

Instruções

Passo 1

Para editar o parâmetro de exibição do link, você precisa alterar o código da página. Abra seu documento HTML com um utilitário de edição de código. Use o editor padrão do Windows "Notepad". Você também pode instalar programas adicionais, como Notepad ++ ou HTML-Viewer, que permitirão que você visualize o código necessário com realce de sintaxe. Para abrir o arquivo no editor, clique com o botão direito e selecione "Abrir com". Na lista que aparece, especifique o utilitário que você selecionou.

Passo 2

Na janela do editor, navegue até o link cuja cor você deseja alterar. Cada link possui o formulário Nome do Link. Para alterar a cor do texto, use o parâmetro de estilo.

etapa 3

Depois de selecionar a linha que você precisa alterar, vá para o bloco de página. Após o descritor de fechamento, insira a tag e crie a pseudoclasse CSS desejada. Por exemplo:

.colorchange {color: red;

fundo: azul;

preenchimento: 1px; }

Passo 4

Este código cria uma pseudo classe chamada colorchange que pode ser usada em atributos de link. O parâmetro color é o responsável pela cor do texto do elemento - neste caso, é definido o valor red, que criará o texto em vermelho. Você pode adicionar qualquer valor HTML a este item. A cor de fundo do link é definida por meio do parâmetro de fundo. O parâmetro padding é responsável pela indentação do link em relação a outros elementos.

Etapa 5

Depois de criar uma pseudoclasse, ela deve ser definida no próprio corpo do documento. Volte para a seção do código onde seu link está localizado. Edite-o digitando o parâmetro class e atribuindo a ele um valor com o nome da pseudoclasse CSS. Por exemplo:

Nome do link

Etapa 6

Você criará um link vermelho com um fundo azul e preenchimento de 1 pixel conforme especificado no CSS acima. Salve as alterações feitas no arquivo e feche a janela do editor. Para verificar o código especificado, abra sua página em uma janela do navegador para se certificar de que as configurações feitas estão corretas. O realce do link com cores está concluído.

Recomendado: