Usando CSS para Formatar Links

Publicado em: 4 de maio de 2007

Por Marcelo Negrini

Se você quiser mudar a aparência dos links em sua página, pode mudar cores, fontes, remover o sublinhado e muito mais. Siga estas instruções:

a. Para mudar as cores dos links, use o menu File | Properties, selecione Page Properties, escolha a aba Formatting e especifique cores para os quatro estados dos links: Hyperlink (a cor padrão do link), Visited Hyperlink (cor para links já visitados), Active Hyperlink (cor do link no momento em que é clicado), e Hovered Hyperlink (cor do link quando o usuário passar o mouse por cima).

Cc518029.css_formatar_01(pt-br,MSDN.10).jpg

b. Quando você fizer modificações no diálogo Page Properties, quatro novos estilos vão aparecer no painel de tarefas Manage Styles. Isso significa que estilos CSS foram criados para os quatro estados.

Cc518029.css_formatar_02(pt-br,MSDN.10).jpg

c. Para remover o sublinhado dos links, clique com o botão da direita no nome do estilo "a" (que significa "âncora") e escolha Modify Style.

Cc518029.css_formatar_03(pt-br,MSDN.10).jpg

d. No diálogo Modify Style, mude Text Decoration para None.

Cc518029.css_formatar_04(pt-br,MSDN.10).jpg

e. Para ver o resultado, visialize a página no browser.

Não se limite ao estilos padrão do HTML; use estilos CSS para controlar a aparência de links e outros elementos.

 

Sobre o autor

Marcelo Negrini é o principal executivo da Zazambia, empresa especializada em planejamento de marketing, usabilidade e redes sociais online. Foi funcionário da Microsoft no Brasil e nos EUA, onde liderou a área de Evangelismo para ferramentas de desenvolvimento (Visual Studio 2005 e Windows Vista). Participou de projetos em clientes Microsoft ao redor do mundo, incluindo Citigroup, Chevron, General Mills, Governo do Reino Unido, Hotéis Hilton, East Japan Railways, MySpace, HMV Music. É bacharel em Comunicação Social, com pós-graduação em Arquitetura de Informação pelo New York Institute of Technology. Pode ser contatado pelo e-mail: mnegrini@zazambia.com.