Como conceber 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.
Conteúdo
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.
Video: Como fazer/criar um CSS/Style para AnimeSpirit/SocialSpirit - PARTE 3 - Fundo e transparência
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.Video: CSS Skewed Background Tutorial - 2 - pure css tutorials - Plz SUBSCRIBE Us For Daily Videos
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 exibição inteira. Utilizando 100% como o valor significa que a imagem redimensiona automaticamente para ocupar toda a área do cliente.
Você usar a propriedade background-repeat para determinar se a imagem se repete em segundo plano. É comum para imagens pequenas para repetir portanto, elas ocupam a área de exibição inteira. Repetindo uma imagem grande tende a tornar o fundo olhar confuso e prejudicar a aparência geral do display.
Atualizar a página de teste.
Você vê o efeito de fazer a mudança de estilo.
Video: COMO CRIAR BACKGROUND BACANA!
Redimensionar a janela do browser.
Você vê que a imagem de fundo redimensiona automaticamente para assumir a área de exibição inteira.