A alteração dos parâmetros de exibição de links em html pode ser feita usando folhas de estilo CSS em cascata. Eles permitem que você personalize a exibição da fonte do link, sua cor antes que o usuário clique nele e após o clique do mouse. Você também pode alterar o tipo da fonte usada e seu tamanho.
Instruções
Passo 1
Classes e pseudo-classes são usadas para definir parâmetros de link em css. A pseudo-classe a: link define o estilo de um link regular, a: visitado permite que você personalize a exibição de um link já usado. A: active trata os parâmetros da tag quando o cursor é clicado no elemento, e a: hover define o estilo do link quando você passa o mouse sobre ele. Você também pode criar qualquer classe para o elemento e, nos parâmetros, usar operadores padrão para formatar o texto.
Passo 2
Para desativar a exibição do sublinhado do texto do link no navegador, use o parâmetro text-decoration: none. Você pode especificar esse atributo em uma classe e em uma pseudoclasse para um elemento. Para alterar a cor do link, use o parâmetro color, para o tamanho - o atributo de tamanho de fonte padrão. Se você deseja incluir o tipo negrito ou itálico, use o parâmetro de espessura da fonte.
etapa 3
Abra seu arquivo html com qualquer editor de texto que você usa para editar o código da página. Depois disso, vá para uma seção do seu documento e defina o código css para links futuros na página usando um identificador. Por exemplo:
Alterando links
a: link {decoração de texto: nenhum;
tamanho da fonte: 14px;
intensidade da fonte: Negrito;
cor vermelha; }
Passo 4
Este código remove o sublinhado de um link regular, define o tamanho do texto para 14 pixels, aplica um estilo de negrito e a cor vermelha do elemento. Agora, qualquer link na tag será exibido assim.
Etapa 5
Você pode estilizar para cada link específico usando classes css. Portanto, se o código na tag for semelhante a:
a.link1 {tamanho da fonte: 20px; cor preta;}
Etapa 6
Você pode definir o tamanho do link para 20 pixels e preto usando a classe no corpo do documento da seguinte maneira:
Link
A partir do exemplo, você pode ver que o link foi atribuído à classe de código css step back criada especificando o atributo de classe do link. Este link agora será exibido em preto e terá um tamanho de 20 pixels. Para alterar esse atributo, edite o código css da seção da página.
Etapa 7
A alteração da aparência do link está concluída, você pode salvar as alterações feitas no arquivo e executá-lo para visualização em um navegador.
