Como posso transformar uma imagem em um plano de fundo no dreamweaver?

Eu preciso transformar uma imagem que criei para segundo plano, para que eu possa colocar adicionais para texto e imagens ontop da imagem que gostaria de converter em segundo plano. Como eu faço isso???

Resposta

Código de imagem de plano de fundo:

Para o exemplo de marca de corpo:

corpo {

Largura: XXXpx;

altura: YYYpx; / opcional /

margem: 0 auto; / centros de página /

plano de fundo: # FFF url(image_name.jpg) rolagem de centro no-repeat;

}

Que é o código CSS apropriado para uma imagem não lado a lado onde o conteúdo rolagem com a imagem de fundo. Altere "# fff" a cor preferida de bg. Alterar a "rolar" para "fixo" se desejar que o conteúdo da página para rolar sobre imagem de bg. Certifique-se de definir largura/altura adequada para fornecer o tamanho mínimo para exibir imagens de bg. Coloque o CSS em um arquivo CSS externo. Se usando CSS incorporada, então coloque CSS entre as marcas de estilo e colocar essas tags de estilo entre o tags de cabeçalho da página.

Para obter uma imagem lado a lado, mude para:

corpo {

Largura: XXpx;

altura: YYpx;

margem: 0 auto;

plano de fundo: # FFF url(image_name.jpg) repetição top deixou rolagem;

}

Colocar esse CSS em um arquivo CSS externo, se você tiver mais de uma página. Colocar os CSS entre as marcas de estilo e colocá-los entre o tags de cabeçalho se usá-lo em uma única página. Se você estiver usando um contêiner de envoltório de div do estilo outra marca diferente da tag body. Deve você deseja que o conteúdo da página para se deslocar sobre a imagem de plano de fundo, altere "rolagem" para "fixo".

Exemplo de CSS inline:<body style="width: 960px; margin: 0 auto; background: url(image.gif) no-repeat center fixed;">

Exemplo de CSS inline:<body style="width: 960px; margin: 0 auto; background: url(image.jpg) no-repeat center scroll;">

Ron</body></body>

Inscrever - receber um email se alguém adiciona novas respostas/comentários

Comentários

Ramon Torres na 2 Jun 2013

Assim como qualquer outro programa, dar o elemento que você quer ter um fundo de uma classe ou id (por exemplo.<div width="80px" height="80px" id="80square">Esta praça é 80 pixels de altura e 80 pixels de largura.</div>). Em seguida, use CSS para dar-lhe o plano de fundo:

#80square {
imagem de fundo: img/myimage.png
}

Responder

O seu comentário

Acho que a resposta não está correta ou que você gostaria de acrescentar mais
alguma informação? Envie o seu comentário abaixo..