Javascript Alterar a cor do texto

| | | | | | | | | | | | | | | | | | | | | | | | | |

A propriedade CSS background-color aplica cor a um elemento de texto. Você pode especificar uma palavra-chave de cor CSS integrada, valor hexadecimal ou qualquer outro valor de cor com a propriedade Background Color . A sintaxe para esta propriedade é: color: yourcolor;

Ajustar a cor da cor e fundo do texto em um site é uma parte essencial do web design

. . é onde as propriedades de cor CSS e a cor de fundo entram em ação. A propriedade color permite definir a cor do texto HTML. A propriedade background-color permite definir as cores de fundo do texto.

Este tutorial discutirá, com exemplos, como definir a cor do texto em CSS. A seguir, falaremos sobre como definir a cor de fundo de um elemento de texto.

Cor da fonte CSS

A cor da fonte CSS é definida usando a propriedade color. A propriedade color define a cor do texto, não o plano de fundo do elemento. . Você pode usar palavras-chave de cores CSS ou valores de cores ‚Äã‚Äãas strings hexadecimais para definir uma cor

A sintaxe para a propriedade color é:

Esta regra define a cor de todas as

tags em um documento HTML para vermelho.

Usamos uma palavra-chave CSS color. Essas palavras-chave são úteis se você quiser fazer referência a uma cor padrão, como "vermelho" ou "azul". Mas essas palavras-chave não descrevem todas as cores do espectro. Se você quiser usar uma cor específica, você pode usar outro tipo de rótulo de cor

A propriedade color aceita qualquer um dos seguintes valores:

Valor descrição Exemplos
nome da cor Um nome da cor azul, rosa choque
cor Hex Cor hexadecimal. Os identificadores têm seis caracteres. # f7f7f7, # 0000ff
Cor RGB o RGB significa vermelho, verde e azul. rgb (0, 50, 28), rgb (0, 0, 255)
cor HSL HSL significa matiz, saturação e leveza. HSL (0, 50%, 50%), hsl (180, 50%, 25%)

Por padrão, a cor do texto usada por uma página da web é a cor do texto que se aplica à tag em uma página da web. para menos do que o indicado, é preto.

Você pode usar a cor para definir as cores dos links em sua folha de estilo

Vamos dar um exemplo para demonstrar como a propriedade color funciona

Alterar a cor da fonte CSS: .. um exemplo

Suponha você está criando um site para uma mercearia local, Peterson and Sons. Os proprietários querem que o site exiba um determinado bloco de texto em cinza. Podemos configurá-lo usando o seguinte código:

Nosso código retorna: Clique Imagem do botão

Tanto do uso de um

tag HTML para definir um parágrafo de texto descrevendo a mercearia Peterson and Sons. Em seguida, em nosso código CSS, criaremos um estilo que define a cor do texto de todas as tags

como cinza. Para fazer isso, usamos um valor para o nome da cor ("cinza").

podemos especificar "rgb (128, 128, 128)" em vez de "cinza" se quisermos nos referir a um valor de cor RGB. Caso contrário, poderíamos definir a cor do texto para cinza usando um valor hexadecimal ou HSL.

Não estamos usando um arquivo CSS para nossos estilos. Nossos estilos CSS são colocados em uma tag