O CSS “fundo”A propriedade é utilizada para controlar o fundo de um elemento declarado. Ao mesmo tempo, existem várias propriedades que compõem o fundo, incluindo “cor de fundo","imagem de fundo","tamanho de fundo", e muitos mais. O fundo abrange o tamanho total do elemento, incluindo a borda e o preenchimento, mas exclui a margem. Torna o texto tão visível e fácil para o usuário ler. Além disso, a “cor de fundo” determina a cor na parte traseira do elemento definido ou dados.

Este post explicará o seguinte:

• Qual é a propriedade "fundo" do CSS?
• Qual é a diferença entre "Background: Nenhum" vs "Background: Transparent"?

Qual é a propriedade "fundo" do CSS?

O "fundo”A propriedade é uma propriedade abreviada no CSS utilizada para definir o fundo de qualquer elemento na forma de uma imagem, parágrafo ou qualquer tipo de elemento no documento HTML. Há seguindo as propriedades de segundo plano que são compostas por oito outras propriedades:

• ““imagem de fundo”É utilizado para definir uma ou mais imagens na parte traseira do elemento. Uma imagem de fundo aparece por padrão no canto superior esquerdo de uma página HTML.
• O "fundo de repetição”O atributo especifica se a imagem de fundo será ou não repetida. Uma imagem de fundo é repetitiva horizontal e verticalmente por padrão.
• ““Antecipação de fundo”Determina se uma imagem de fundo de rolagem deve ser mantida na página HTML ou em páginas adicionais de contêineres.
• ““posição de fundo”É utilizado para definir a posição do elemento.
• ““tamanho de fundo”É usado para alocar o tamanho da imagem de fundo.
• O "clipe de fundo”O atributo especifica quanto do fundo de um elemento deve ser coberto por uma imagem ou cor.
• ““cor de fundo”É utilizado para alocar a cor na parte traseira do elemento.
• ““origem-origem”Descreve a localização da origem da área de posicionamento de fundo em uma imagem de fundo.

Qual é a diferença entre "Background: Nenhum" vs "Background: Transparent"?

Não há diferença entre eles. Se você não especificar um valor para nenhuma meia dúzia de propriedades para as quais o fundo é uma abreviação, ele será definido como seu valor padrão, incluindo “nenhum" e "transparente”.

Exemplo 1: Usando "Background: Nenhum" no CSS

Para definir o “Antecedentes: Nenhum”Propriedade no CSS, primeiro, adicione dados no documento HTML, depois acesse o elemento no CSS e aplique -o.

Para uma implicação prática, experimente as instruções fornecidas.

Etapa 1: Adicione dados no cabeçalho

Com o objetivo de adicionar um título na página HTML, utilize a tag de título de “

" para "

”. Nesse cenário, temos “H1”Para o primeiro título,“H2”Para o segundo título e“H3”Para o terceiro título. Além disso, incorpore os dados dentro do texto para o cabeçalho:

Site do tutorial Linuxhint

O fundo como nenhum

O fundo é verde

Saída

Etapa 2: Defina a propriedade “Background: Nenhum”

Em seguida, acesse o cabeçalho usando o “H2”Tag e aplique as propriedades abaixo da listada:

H2
Cor: tomate;
Background-Color: Nenhum;

Aqui:

• ““cor”A propriedade é utilizada para definir a cor do texto.
• ““cor de fundo”Especifica a cor na parte traseira do elemento. Para fazer isso, aqui, o valor desta propriedade é definido como “nenhum”Sem cor na parte traseira.

Pode -se notar que a propriedade colorida define a cor do texto. No entanto, não há cor na parte traseira do elemento:

Etapa 3: Defina o fundo como uma cor particular

Em seguida, acesse o outro cabeçalho usando o nome do título “H3”E aplique as mesmas propriedades com os diferentes valores:

H3
cor branca;
Background-Color: verde;

Para fazer isso, aplicaremos o “cor”Propriedade com o valor como“branco" e a "cor de fundo”Propriedade definida como“verde”:

Exemplo 2: Usando "Background: Transparent" no CSS

Para definir o plano de fundo: transparente no CSS, utilize o código HTML acima e depois aplique o “cor de fundo" como "transparente”.

Etapa 1: Defina “Background-Color: Transparent”

Acesse o "H2“Caminhando e aplique as propriedades do snippet dadas:

H2
Cor: RGB (10, 250, 70);
Background-Color: transparente

Para fazer isso, no trecho acima:

• O valor do “cor”A propriedade é definida como“RGB (10, 250, 70)”.
• ““cor de fundo"É definido como"transparente”.

Etapa 2: defina uma cor particular na parte traseira

Acesse o cabeçalho e aplique as mesmas propriedades com valores diferentes:

H3
cor branca;
cor de fundo: RGB (236, 169, 91);

Observação: Não há diferença entre "Antecedentes: nenhum" e "Antecedentes: transparente" no CSS.

Conclusão

Não há diferença entre “Antecedentes: Nenhum" e "Antecedentes: transparente”. O "Background-Color: Nenhum”Não define a cor na parte traseira do elemento. Por outro lado, se você especificou uma cor na parte traseira do elemento, “Background-Color: transparente”, Especifique que a cor do fundo deve ser transparente no elemento definido. Este post demonstrou a diferença entre a propriedade em segundo plano com o valor nenhum e transparente.