Como projetar Fundos em CSS3
A maioria das páginas que você olha tem algum tipo de plano de fundo. O procedimento a seguir mostra como adicionar um fundo usando CSS3, que você pode usar para fazer a sua página web olhar mais atraente para o visitante.
Criar o arquivos ExternalCSS.HTML e ExternalCSS.CSS e copiá-los para uma nova pasta.
Criar ou obter uma imagem de fundo em formato Joint Photographic Experts Group (JPEG) e nomeá-la background.jpg.
Abrir ExternalCSS.CSS.
Digite o seguinte código após os estilos existentes e salvar as alterações no disco.
body {background-image: url ( "background.jpg") - background-size: 100% -background-repeat: no-repetibilidade}O local mais comum para reservar imagens de fundo está no
. No entanto, nada impede que você use fundos em outros objetos e de várias outras maneiras.O ponto de partida para a maioria dos fundos é a propriedade background-image, onde você pode especificar a imagem que você deseja usar com o método url (). É possível adicionar várias imagens para o fundo. Se você fizer isso, o navegador combina as imagens em uma única apresentação.
O uso da propriedade background-size determina o quão grande a imagem aparece na tela. O exemplo é uma imagem grande, assim que você quer que ele ocupe a área de visualização inteira. Utilizando 100% como valor significa que a imagem redimensionada automaticamente para ocupar toda a área de cliente.
Você usar a propriedade background-repeat para determinar se a imagem se repete no fundo. É comum que as imagens pequenas para repetir portanto, elas ocupam a área de visualização inteira. Repetindo uma imagem grande tende a tornar o fundo confuso olhar e prejudicam a aparência geral do visor.
Atualizar a página de teste.
Você vê o efeito de fazer a mudança de estilo.
Redimensionar a janela do navegador.
Você vê que a imagem de fundo redimensiona automaticamente para assumir a área de visualização inteira.