seletor de cor Caixa de diálogo

  • Artigo

Usado para atribuir os atributos de estilo a elementos HTML.

  1. No Microsoft Visual Web Developer, no modo de modo de exibição de Design, selecionar um controle ou elemento HTML que processa a marcação (sistema autônomo um Table controle ou um HTML <input> botão).

  2. Abra o Construtor de estilocaixa de diálogo executando uma das seguintes ações:

    • No modo de modo de exibição de Design, selecionar o controle ou elemento, clicar Formatoe, em seguida, clicar Estilo.

    • No modo de modo de exibição de Design, clicar com o botão direito do mouse no controle ou elemento e clique em Estilo.

    • selecionar o controle ou elemento, selecionar o seu Estilo propriedade na janela Propriedades e escolher o botão de reticências (...).

    • Se você estiver trabalhando na janela documento Styles, selecionar um Elemento, a Classe, or an ID do elementoe, em seguida, escolher o Criar estilo ícone.

    • Se você estiver editando uma folha de estilos em cascata (CSS), coloque o ponto de inserção entre chaves ({}) de um estilo CSS e escolher compilação Estilo on the Estilo menu.

    The Construtor de estilo caixa de diálogo é aberta.

  3. selecionar qualquer uma das guias no Construtor de estilo caixa de diálogo que contêm um Cor lista suspensa e clicar no botão de reticências (…) próximo à caixa.

    The seletor de cor caixa de diálogo é aberta.

Tarefas

Elementos da Interface do Usuário

  • Paleta da Web
    Quando você selecionar uma amostra de cor nessa guia, seu código RGB hexadecimal aemparelharece no campo cor e o selecionar ed attribute:RGBcolor emparelhar será inserida na sua definição de estilo CSS ao fechar o Construtor de estilo caixa de diálogo.

    Por exemplo, ao editar uma página HTML no modo de modo de exibição de Design, selecionar o <BODY> elemento na janela documento estrutura de tópicos e escolher compilação Estilo on the Formato menu.selecionar Plano de fundo e escolher o botão de reticências (...) ao lado o Cor campo para em em aberto o Seletor de cores caixa de diálogo.No seu Paleta da Web guia, escolher uma amostra de cor azul clara e clicar OK.Quando você fecha o Construtor de estilo caixa de diálogo de umattribute:RGBcolor Emparelhe como a seguir é inserida entre chaves ({}) do seu BODY estilo:

    BODY { BACKGROUND-COLOR: #99ffff; }

    Para obter mais informações, consulte Web paleta guia, seletor de cor dialog box.

  • Cores nomeadas
    Quando você selecionar uma amostra de cor nesta guia, seu nome de cor e código RGB hexadecimal são exibidos na Cor campo.Quando você seleciona um Básico or Adicionais chamada de cor, um attribute:colorname emparelhar é inserida na sua definição de estilo CSS.

    Por exemplo, ao editar uma página HTML no modo de modo de exibição de Design, selecionar o <BODY> elemento na janela documento estrutura de tópicos e escolher Criar estilo from the Formato menu.selecionar Plano de fundo e escolher o botão de reticências (...) ao lado o Cor campo para em em aberto o Seletor de cores caixa de diálogo.Sobre o Cores nomeadas guia, selecionar o LightBlue (add8e6 #) cor da linha inferior.Quando você fecha o Construtor de estilo caixa de diálogo de a seguinteattribute:colorname emparelhar é inserido entre chaves ({}) do seu BODY estilo:

    BODY { BACKGROUND-COLOR: lightblue; }

    Para obter mais informações, consulte Guia de cores, caixa de diálogo de seletor de cor nomeada.

  • Cores do sistema
    Quando você seleciona uma cor, uma categoria de cores do sistema é exibida no Cor campo de e umattribute:category emparelhar será inserida na sua definição de estilo CSS ao fechar o Construtor de estilo caixa de diálogo.

    Por exemplo, ao editar uma folha de estilos CSS, coloque o cursor entre chaves ({}) de um estilo CSS para o <BODY> elemento e escolher compilação Estilo from the Formato menu.selecionar Plano de fundo e escolher o botão de reticências (...) ao lado o Cor campo para em em aberto o Seletor de cores caixa de diálogo.No seu Cores do sistema guia, selecionar o Plano de fundo categoria de cores e escolher OK.Quando você fechar o Construtor de estilo caixa de diálogo de a seguinteattribute:colorname emparelhar será inserida no seu BODY estilo:

    BODY { BACKGROUND-COLOR: background; }
    Observação:

    Quando você usa uma cor do sistema, você não especifica a cor a ser exibido.A cor do plano de fundo varia de um sistema para outro, dependendo de qual cor da área de trabalho o usuário escolheu.Em geral, você deve usar categorias de cores do sistema somente em projetos da Web projetados para grupos de usuários que compartilham configurações de vídeo comuns e previsíveis.

    Para obter mais informações, consulte Guia de cores do sistema, caixa de diálogo de seletor de cor.

  • Cores personalizadas
    Para criar uma cor personalizada, arrastar os controles deslizantes para as cores primárias vermelhos, verdes e azuis até que o matiz desejado apareça no Visualização campo.Seu código de cor RGB, exibido no Cor campo, será inserida na sua definição de estilo CSS ao fechar o Construtor de estilo caixa de diálogo.Valores Decimal exibido à direita de cada controle deslizante intervalo de 0 (sem cor) a 255 (cor máxima); o valor padrão para cada um é 255.

    Observação:

    Uma cor personalizada é exibida usando configurações de exibição corrente do seu monitor.Pode procurar diferente no monitor e o navegador da Web de outro usuário.Talvez você queira reservar cores personalizadas para uso em projetos da Web projetado para grupos de usuários que compartilham configurações de vídeo comuns e previsíveis.

    Por exemplo, ao editar uma folha de estilos CSS, coloque o cursor entre chaves ({}) de um estilo CSS para um INPUT.button classe de estilo, selecionar Plano de fundo in the Criar estilo diálogo caixa e, em seguida, escolher o botão de reticências (...) ao lado o Cor campo para em em aberto o Seletor de cores caixa de diálogo.No seu Cor personalizada guia, deixe o Vermelho and Verde controles deslizantes de conjunto em seus valores padrão da 255 e arrastar o Azul controle deslizante da esquerda para a 102.Quando você fecha o Construtor de estilo caixa de diálogo de a seguinteattribute:RGBcolor emparelhar serão inseridas entre chaves ({}) do seu estilo:

    INPUT.button { background-color: #ffff66; }

    Para obter mais informações, consulte Guia cor personalizada, caixa de diálogo Seletor de cores.

  • Color
    Exibe o código RGB hexadecimal da cor selecionada.

  • OK
    Fecha o Seletor de cores caixa de diálogo e adiciona o selecionadoattribute:color emparelhar à marcação de CSS a ser inserido quando você fechar o Construtor de estilo caixa de diálogo.

Consulte também

Conceitos

Controle de Servidor Web do ASP.NET e Estilos CSS

Referência

Web paleta guia, seletor de cor dialog box

Guia de cores, caixa de diálogo de seletor de cor nomeada

Guia de cores do sistema, caixa de diálogo de seletor de cor

Guia cor personalizada, caixa de diálogo Seletor de cores