Como alterar a imagem de fundo para HTML5 e CSS3 Programação

Você pode usar o img

tag para adicionar uma imagem à sua página HTML5, mas às vezes você quer usar imagens como pano de 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.

image0.jpg

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

backgroundImage.html

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 do 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.

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

  3. Diga CSS onde imagem de fundo é por adição de uma 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 para 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.

image1.jpg

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

  • imagens de fundo pode adicionar ao 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, para que a página pode ser muito mais difícil de ler.

  • Boas imagens não fazem bons fundos. 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 mostra-se. 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.

menu