Logo SatellaSoft



Mudar a cor de links com css

Aprenda a mudar as cores padrão e formatação de links de seu site


Ícone homem Gunnar Correa
Ícone data de publicação 29/12/2019
Ícone quantidade de visualização 119
Ícone bandeira do Brasil Português

Por padrão, todos os navegadores trazem suas formatações quando não escrevemos as nossas modificações, e na maioria esmagadora das vezes, essas formações são horríveis. Ai que entra o CSS e nossas habilidades ninjas de criar algo bonito visualmente.

Antes de iniciarmos, só quero dizer para você ficar atento ao padrão visual do seu site, ou seja, manter a estrutura de estilização e não ficar modificando as cores e efeitos em várias páginas, isso vai dificultar a navegação e entendimento dos seus usuários.

Na imagem abaixo vemos a estrutura padrão de exibição para os links, elas estão na cor azul e sublinhado. Quando clicamos, a cor do link muda para vermlho.

 

Cor padrão dos links HTML na cor Azul

A exibição acima está utilizando a seguinte estrutura HTML.

Código 01:



  
    
    Links CSS
  
  
    Home
    Produtos
    Quem Somos
    Contato
  

Vamos entender agora a estrutura básica do escopo do CSS, em seguida, vamos saber exatamente o que manipularemos.

Estrutura no escopo CSS, com seletores, bloco de instrução,  propriedades e valores,

Toda estrutura CSS possui um seletor, ele pode ser um elemento HTML, classe ou um ID. Dentro do seletor fica nosso bloco de instrução, é ali que inserimos todas as nossas modificações para aquele elemento, podendo ser uma lista sem limites. Toda propriedade CSS pode conter um ou vários valores, então sempre consulte a documentação.

Confira abaixo o código comentado com as explicações.

Código 02:




  
  Links CSS
  


  Home
  Produtos
  Quem Somos
  Contato


Resultado final da nossa estilização.

Alterações do padrão de visual de links CSS.

Por hora é isso, espero que tenha gostado! :D


Referências





Sobre o autor


Gunnar Correa

Nome: Gunnar Correa

Site: http://www.gunnarcorrea.com


Autodidata, graduado em Desenvolvimento Web e especialista em Tecnologias na Educação em uma universidade no interior de São Paulo. Comecei meus estudos na área de programação quando ainda era criança, e atualmente estou estudando desenvolvimento de jogos.

Sou o CEO do portal SatellaSoft, criado em 2009 com o intuito de compartilhar conhecimento de forma gratuita e inédita.


Comentários



É necessário estar autenticado para comentar, clique aqui para se registrar ou aqui para acessar a sua conta!

 


 

Siga-nos