Plano de fundo, caixa de diálogo estilo construtor

Artigo
08/25/2010

A página de plano de fundo do Construtor de estilo caixa de diálogo possibilita conjunto atributos para um estilo de folha de estilos em cascata (CSS) de estilo em cascata que irá conjunto uma cor do plano de fundo ou imagem quando o estilo é aplicado a uma página HTML ou tabela.Você pode aplicar esses atributos diretamente aos elementos HTML ou adicioná-los a regras de estilo CSS.

Para aplicar atributos de plano de fundo diretamente aos elementos HTML em sua página

em aberto seu HTML documento no modo de exibição de Design do HTML Designer e selecionar o elemento para formatar.
clicar Estilo on the Formato menu para em em aberto o Construtor de estilo caixa de diálogo.
clicar Plano de fundo no painel esquerdo do Construtor de estilo caixa de diálogo.

The Plano de fundo, estilo construtorcaixa de diálogo aparece no painel direito.

Quando formatar elementos selecionados no modo de modo de exibição de Design, os atributos de estilo CSS são inserido embutido em marcação HTML da sua página.Alterne para o modo de exibição HTML para examinar os novos atributos de estilo inseridos.

Para adicionar plano de fundo de atributos a uma CSS estilo regra definida em uma folha de estilos externo

Abra um existente folha de estilos externo e coloque o ponto de inserção entre chaves curvas ({}) que seguem o seletor para o estilo desejado.
clicar compilação Estilo on the Estilos menu para em aberto o Estilo compilação er diálogo box.
clicar Plano de fundo no painel esquerdo do Construtor de estilo caixa de diálogo.

The Plano de fundo, estilo construtorcaixa de diálogo aparece no painel direito.

Observação:
O Estilos menu aparece quando você abre uma folha de estilos CSS externa para edição.Sobre o Estilos menu, the Criar estilo opção fica disponível quando você coloca o ponto de inserção dentro de chaves que seguem o seletor para uma regra de estilo.

Uma classe de estilo CSS definida em uma folha de estilos externas pode ser aplicada a um elemento dentro de <BODY> elemento de uma página da Web (neste caso, incluindo o <BODY> elemento propriamente dito), atribuindo o seletor de estilo CSS sistema autônomo a propriedade CLASS para o elemento desejado.

Opções disponível na Plano de fundo página de do Construtor de estilocaixa de diálogo incluem o seguinte.

Tarefas

Elementos da Interface do Usuário

Cor do plano de fundo

Color
Define o BACKGROUND-COLOR atributo do estilo. selecionar uma opção na lista drop-down ou clicar no botão de reticências (...) para em em aberto o Seletor de cores caixa de diálogo e selecionadas cores adicionais.Por exemplo, se você selecionar Vermelho, a seguinte marcação CSS será inserida:

BACKGROUND-COLOR: red
Transparente
Esta caixa de seleção é usada para conjunto o BACKGROUND-COLOR o valor de atributo transparent. Se você selecionar transparent, não é possível selecionar uma cor do plano de fundo. O código a seguir será inserido:

BACKGROUND-COLOR: transparent

Imagem de plano de fundo

Image
Define o estilo será exibida no plano de fundo de imagem.Digite um nome de arquivo e caminho no campo ou clicar no botão de reticências (...) para em em aberto o Seletor de URL e vá para o local da imagem.Por exemplo, se você navegar para uma imagem chamada Background.bmp na pasta imagens, seria inserido o código a seguir:

BACKGROUND-IMAGE: url (images/background.bmp)

Disposição lado a lado
Define os atributos de colocação lado a lado para a imagem de plano de fundo atribuída pelo estilo.Imagens podem ser dispostas lado a lado várias formas diferentes, conforme mostrado na tabela seguinte.

Atributo de colocação lado a lado	Descrição
organizar organizar lado a lado a organizar lado a lado na direção horizontal	Imagem lado a lado da esquerda para a direita através da página, mas não de cima para baixo.
organizar organizar lado a lado a organizar lado a lado na direção vertical	Imagem lado a lado de cima para baixo uma vez.
organizar organizar lado a lado a organizar lado a lado em ambas as direções	Imagem lado a lado horizontalmente e verticalmente.
Não organizar organizar lado a lado a organizar lado a lado	Desativa tiling; imagem aparece em locais especificados pelo valor posição e não se repete.
Não defina >	Nenhuma opção escolhida, nenhum código adicionado ao estilo.

Por exemplo, se você optar por organizar organizar lado a lado a organizar lado a lado na direção horizontal, a seguinte marcação CSS será inserida:

BACKGROUND-REPEAT:repeat-x

Observação:
O Disposição lado a lado atributos funcionam em conjunto com o Posição atributos.Se você posicionar a imagem, a disposição lado a lado atributos são aplicados com base na posição inicial da imagem na página.Por exemplo, se você posicionar uma imagem no canto superior esquerdo de uma página e colocar organizar organizar lado a lado a organizar lado a lado horizontalmente somente, a imagem se repete ao longo da borda superior da página.

O Disposição lado a lado atributos funcionam em conjunto com o Posição atributos.Se você posicionar a imagem, a disposição lado a lado atributos são aplicados com base na posição inicial da imagem na página.Por exemplo, se você posicionar uma imagem no canto superior esquerdo de uma página e colocar organizar organizar lado a lado a organizar lado a lado horizontalmente somente, a imagem se repete ao longo da borda superior da página.

Rolagem
Define o BACKGROUND-ATTACHMENT atributo para a imagem de plano de fundo aplicada pelo estilo. selecionar um valor na lista suspensa.Uma imagem pode ou permanecem fixa sistema autônomo rola a página ou rolar juntamente com o texto e imagens acima do plano de fundo.selecionar Não conjunto > (nenhum opção escolhida), Rolar o plano de fundo, or Plano de fundo fixo.Por exemplo, se você escolher Rolar o plano de fundo, a seguinte marcação CSS será inserida:

BACKGROUND-ATTACHMENT:scrolling

Observação:

Quando o atributo é Não conjunto >, nenhum código é adicionado ao estilo.

Observação:
Quando o atributo é Não conjunto >, nenhum código é adicionado ao estilo.

Position
Define os atributos de posição para a imagem de plano de fundo aplicada pelo estilo.O valor da posição se relaciona com os atributos de colocação lado a lado.Se você conjunto uma posição para o plano de fundo e não escolher tiling atributos, a imagem de plano de fundo é corrigida na posição especificada.Se você conjunto uma posição para o plano de fundo e escolher tiling atributos, a posição serve sistema autônomo o ponto de partida para o atributo de colocação lado a lado.

Observação:
Você deve selecionar dois valores de posição horizontal e vertical.Se você especificar apenas um valor, o Editor de CSS exibe um nome de propriedade inválido.Quando você seleciona sistema autônomo dois valores de posição horizontal e vertical, a propriedade é exibida corretamente sistema autônomo BACKGROUND-POSITION.Um exemplo de uma declaração de plano de fundo-position válido é de BACKGROUND-POSITION:left center.

Você deve selecionar dois valores de posição horizontal e vertical.Se você especificar apenas um valor, o Editor de CSS exibe um nome de propriedade inválido.Quando você seleciona sistema autônomo dois valores de posição horizontal e vertical, a propriedade é exibida corretamente sistema autônomo BACKGROUND-POSITION.Um exemplo de uma declaração de plano de fundo-position válido é de BACKGROUND-POSITION:left center.

Horizontal
Define a posição horizontal para a imagem de plano de fundo aplicada pelo estilo.selecionar Não conjunto > (nenhum opção escolhida), À esquerda, centralizar, À direita, or Personalizado.Se você selecionar Personalizado, os campos à direita da Personalizado estão disponível.O valor padrão é 50%.Insira um valor no campo de número e escolher um incremento (px, pt, pc, mm, cm em emes, ex ou %) do campo unidade na lista suspensa.Se você optar por Personalizado e aceitar os valores padrão, a seguinte marcação CSS é inserida:

BACKGROUND-POSITION:50%

Observação:

Quando o atributo é Não conjunto >, nenhum código é adicionado ao estilo.
Vertical
Define a posição vertical para a imagem de plano de fundo aplicada pelo estilo.selecionar uma opção na lista drop-down: Não conjunto > (nenhum opção escolhida), À esquerda, centralizar, À direita, or Personalizado.Se você selecionar Personalizado, os campos à direita da Personalizado estão disponível.O valor padrão é 50%.Insira um valor no campo de número e escolher uma opção de unidade (px, pt, pc, mm, cm em emes, ex ou %) do campo unidade na lista suspensa.Se você optar por Personalizado e aceitar os valores padrão, a seguinte marcação CSS é inserida:

BACKGROUND-POSITION:50%

Observação:

Quando o atributo é Não conjunto >, nenhum código é adicionado ao estilo.
Não use imagem de plano de fundo
Quando selecionada, remove a imagem de plano de fundo da página corrente.Os atributos de imagem são não está disponíveis na caixa de diálogo.Se tiver uma imagem foi especificado para a página, a BACKGROUND-IMAGE propriedade é removida o estilo depois de clicar em OK.