Opções do painel de fundo no painel propriedade css do dreamweaver

Com o painel do fundo em Dreamweaver&painel Designer CSS rsquo-s, 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 configurações de estilo de fundo para qualquer elemento da sua página web que pode exibir um fundo - incluindo o

, , dirigindo, e tags de imagem.

Por exemplo, você poderia alterar o 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 especifique um fundo que só aparece atrás de uma tag individual.

Video: aula 4835 html5 css3 js Imagem de fundo Fireworks e Mais Estilos CSS no cabecalho do Site Completo

Ao incluir o plano de fundo no estilo 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 fundo trabalha 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: Especifique a cor de um estilo definido 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 inserir 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 pano de fundo em sua definição de estilo. Introduzir 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 de topo do elemento pai, introduzindo 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 definido 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 de caixa, como uma tag.

• Fundo de repetição: Clique no ícone correspondente para especificar como e se a imagem de fundo repete, ou telhas, 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ê don&rsquo-t quer que seu fundo para repetir ou você quer especificar como ele se repete.

  Observe também que, se a imagem for maior do que o elemento ao qual ele é aplicado, somente tanto da imagem como vai caber na área de exibiçã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á definido 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:

  Video: 06 Dreamweaver - Criando caixas e bordas com estilo CSS

• Herdar: A menos que outra opção é seleccionada, cada elemento herda o comportamento do 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.

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

• No-repeat:O fundo é exibido uma vez no canto superior esquerdo do elemento.

• Origem: Especificar se a origem do fundo começa na fronteira, o preenchimento, ou o conteúdo de um elemento de 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 é seleccionada, cada elemento herda o comportamento do 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 doesn&rsquo-t de rolagem fora da vista, mesmo quando a página web é rolada.

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

Gradiente: Clique na cor bem próxima ao gradiente para abrir Dreamweaver&rsquo-s novo selector de gradiente visual.