Você pode usar o img

tag para adicionar uma imagem à sua página HTML5, mas às vezes você quer usar imagens como um fundo para um elemento específico ou para a página inteira. Você pode usar o imagem de fundo CSS regra para aplicar uma imagem de fundo a uma página ou elementos em uma página.

As imagens de fundo são fáceis de aplicar. O código para backgroundImage.html mostra como:

Usando imagens de fundo
O título utiliza uma versão mais leve do fundo, eo parágrafo usa um fundo de cor sólida withlight transparência.
O título utiliza uma versão mais leve do fundo, eo parágrafo usa um fundo de cor sólida withlight transparência.

Colocar a imagem de fundo para um elemento através de CSS não é difícil. Aqui estão as etapas gerais:

1. Encontrar ou criar uma imagem apropriada e colocá-lo no mesmo diretório que a página, por isso é fácil de encontrar.

2. Fixe o imagem de fundo regra de estilo para a página que você deseja aplicar a imagem.

   Video: Gallery CSS - Crie um Slider apenas com HTML e CSS puro!

   Se você deseja aplicar a imagem à página inteira, use o elemento.

3. Diga CSS onde imagem de fundo é pela adição de um url identificador.

   
   
   
   

   Utilizar a palavra-chave url ()para indicar que o próximo passo é um endereço.

4. Digite o endereço da imagem.

   É mais fácil se a imagem está no mesmo diretório que a página. Se for esse o caso, você pode simplesmente digitar o nome da imagem. Certifique-se de cercar o URL com aspas.

5. Teste a sua imagem de fundo visualizando a página web no seu browser.

   Muita coisa pode dar errado com imagens de fundo. A imagem pode não estar no diretório certo, você pode ter digitado incorretamente seu nome, ou você pode ter esquecido o bit.

Obtendo uma verificação de antecedentes

É muito fácil adicionar fundos, mas imagens de fundo não são perfeitos. Aqui está uma página com um fundo agradável. Infelizmente, o texto é difícil de ler.

imagens de fundo pode adicionar um monte de galvanizar às suas páginas, mas eles podem apresentar alguns problemas, tais como

• imagens de fundo pode aumentar o tamanho do arquivo. As imagens são muito grandes, então uma imagem de fundo grande pode fazer a sua página muito maior e mais difícil de baixar.

• Algumas imagens podem tornar sua página mais difícil de ler. Uma imagem em segundo plano pode interferir com o texto, assim que a página pode ser muito mais difícil de ler.

• Boas imagens não fazem bons antecedentes. Uma boa imagem chama a atenção e chama a atenção para ele. O trabalho de uma imagem de fundo é a desaparecer no fundo. Se você quer que as pessoas a olhar para uma imagem, incorporá-lo. imagens de fundo não deve saltar para o primeiro plano.

• Fundos precisa ser baixo contraste. Se sua imagem de fundo é escuro, você pode fazer o texto luz visível. Se a imagem de fundo é a luz, o texto escuro aparece. Se sua imagem tiver áreas de luz e sombra (como quase todas as boas imagens), vai ser impossível encontrar uma cor de texto que parece ser bom contra ela.