Opções do painel de fundo no painel Propriedade CSS do Dreamweaver

Usando o painel de fundo no painel Designer CSS do Dreamweaver, você pode especificar uma cor ou imagem de fundo para um estilo - e controlar a forma como o fundo é exibido na página. Você pode usar as configurações de estilo de fundo para qualquer elemento da sua página web que pode exibir um fundo - incluindo as marcas,, título, e imagem.

Por exemplo, você poderia alterar a tag para incluir configurações de fundo que se aplicam a toda a página, ou você pode criar um estilo com o seletor de classe ou ID e especificar um fundo que só aparece por trás de uma marca individual.

Ao incluir o plano de fundo no estilo de classe ou ID de uma tag, você pode limitar a fundo a aparecer na tela apenas quando o tag é usada. Note que a opção de fundo funciona com uma imagem apenas se definir primeiro uma margem ao redor da imagem.

Você pode escolher entre estas opções de fundo:

• Cor de fundo: Especifica a cor de um estilo definida usando um dos vários métodos de fundo. Você pode clicar no selector de cor e selecione uma cor predefinida ou criar uma cor personalizada. Ou use o conta-gotas para provar qualquer cor na tela. Finalmente, você pode digitar um código de cor hexadecimal - certifique-se de incluir o #, como em # 000000 para a cor preta ou #ffffff para a cor branca.

• Imagem de fundo: Selecione uma imagem para servir como plano de fundo em sua definição de estilo. Entrar em qualquer URL para uma imagem no seu computador ou na Internet, ou clique no ícone de pasta para navegar em seu disco rígido e selecione uma imagem.

• Background-position: Especificar a posição da imagem de fundo a partir da esquerda e superior do elemento pai, digitando um número em cada campo. Esta opção só é visível se você clique na pequena seta ao lado do campo URL na seção de fundo para revelar os campos adicionais que se seguem.

• Tamanho: Selecionar a medida em pixels, EMS, ou outra opção, e em seguida, digite o tamanho desejado para o fundo. Deixar o campo Tamanho ajustado para auto (padrão) exibe a imagem em tamanho real.

• Background-clip: Especificar se o fundo começa a fronteira, o preenchimento, ou o conteúdo de um elemento da caixa, como uma tag.

• Fundo de repetição: Clique no ícone correspondente para especificar como e se a imagem de fundo repete, ou azulejos, em frente e para baixo da página. imagens de fundo telha por padrão, então você deve escolher uma opção se você não quer que seu fundo de repetir ou você quer especificar como ele se repete.

  Note também que, se a imagem for maior do que o elemento ao qual ele é aplicado, apenas como quantidade de imagem que se encaixa na área de visualização do elemento será visível. Por exemplo, se você usar uma imagem de 600 pixels de largura como o fundo de uma tag que está definida para 300 pixels de largura, apenas metade da imagem será visível.

  As opções de repetição, listados em ordem da aparência de seus ícones, siga:

• Herdar: A menos que outra opção é selecionada, cada elemento herda o comportamento de seu elemento pai. Esta opção padrão não precisa ser especificado.

• Repetir:A imagem de fundo repete verticalmente e horizontalmente no fundo do elemento.

• Repita-X: O fundo repete horizontalmente, mas não verticalmente, no fundo do elemento.

• Repetir-Y:O fundo repete verticalmente, mas não horizontalmente, no fundo do elemento.

• No-repeat:O fundo é exibido uma vez na parte superior esquerda do elemento.

• Origem: Especificar se a origem do fundo começa na fronteira, o preenchimento, ou o conteúdo de um elemento da caixa, como uma tag.

Anexo: Determinar como o fundo se comporta quando a página é rolada. As opções são

Herdar: A menos que outra opção é selecionada, cada elemento herda o comportamento de seu elemento pai. Esta é uma opção padrão e não precisa ser especificado.

Fixo: O fundo permanece colado a um lugar na área de visualização e não rola fora da vista, mesmo quando a página é rolada.

Rolagem: Os pergaminhos fundo junto com a página da web.

Gradiente: Clique na cor bem próxima ao inclinação para abrir novo seletor de gradiente visuais do Dreamweaver.