Como Mudar A Cor Dos Links Do Site

Índice:

Como Mudar A Cor Dos Links Do Site
Como Mudar A Cor Dos Links Do Site

Vídeo: Como Mudar A Cor Dos Links Do Site

Vídeo: Como Mudar A Cor Dos Links Do Site
Vídeo: Como mudar cores dos links e as fontes do blog 2024, Maio
Anonim

No processo de trabalho no site, os webmasters profissionais e as pessoas que estão empenhadas em atualizar o site, mas não são profissionais, fazem várias alterações no estilo do recurso da web. Por exemplo, você pode precisar alterar a cor dos links no site por algum motivo.

Como mudar a cor dos links do site
Como mudar a cor dos links do site

Neste caso, você precisa saber que a cor dos links é alterada usando CSS (Cascading Style Sheets) - folhas de estilo em cascata. Essas são tabelas usadas em conjunto com uma linguagem de programação para criar um recurso da web. CSS é responsável pela estrutura do site, ou seja, pelo estilo, aparência e html - pelo conteúdo do recurso. CSS é uma continuação da evolução do HTML.

Cor do link no site

Assim, você pode alterar a cor dos links tanto para o site como um todo, quanto para cada link separadamente. As cores do link são definidas como um atributo da tag principal. Um atributo é algo que você não precisa escrever no código, uma vez que alguns deles já estão configurados por padrão. O atributo link determina a cor dos links na página do site. O padrão é azul. Alink é um atributo que determina a cor dos links ativos, por padrão é vermelho. Vlink - links visitados, sua cor geralmente aceita é roxo.

Na maioria das vezes, a cor dos links nas páginas da web é definida em notação hexadecimal (#EEEEEE - cinza) ou no formato rgb (# 808080 - cinza), mas você também pode usar a notação de cor tradicional em inglês (cinza - cinza). Além disso, a cor pode ser definida em graus, o formato HSL é adequado para isso. As tabelas de cores são fáceis de encontrar na Internet.

Mudar a cor dos links

Para alterar a cor de todos os links da página, basta alterar a cor do atributo color nos estilos. Para fazer isso, localize o arquivo style.css, abra-o e localize o atributo a. Por exemplo, A {color: green; / * Cor do link * /}, onde A é um link, cuja cor mudamos para verde. Você pode alterar o valor da cor conforme desejar, usando qualquer um dos sistemas de notação de cores. O navegador irá "entender" você. O estilo será aplicado a todos os links da página da web. Você pode alterar as cores de outros atributos da mesma maneira, por exemplo, a cor de um link ao passar o cursor do mouse sobre ele.

Para criar links em cores diferentes em uma página da web, use a seguinte entrada na folha de estilo:

.menu a {cor: cinza; }

.content a {color: green; }

Segue a partir do exemplo que os links para o menu serão cinza e os links no bloco de conteúdo serão verdes.

As mesmas etapas podem ser executadas com links se os estilos não estiverem em um arquivo separado, mas no próprio documento html. Esses são seletores contextuais.

Se você deseja editar estilos e alterar as cores dos links rapidamente, é melhor usar o editor visual Dreamwever. A principal coisa a lembrar é que os links devem parecer orgânicos em relação a toda a página da web. Para fundos claros, links escuros são melhores e vice-versa.

Recomendado: