“更多颜色”和“颜色”对话框

通过**“更多颜色”对话框和“颜色”**对话框可让您选择并创建确定页面元素的字体、背景和边框颜色的 CSS 样式规则的颜色值。

访问“更多颜色”对话框

  1. 选择**“新样式”** 或 **“修改样式”**对话框。

  2. 选择**“更多颜色”**对话框。

下面详细介绍这些步骤。

1. 若要访问**“新样式”“修改样式”**对话框,请使用下列方法之一:

  • 从“格式”菜单中选择“生成样式”。

  • 右键单击编辑器的样式表,然后从快捷方式菜单中选择**“生成样式”**。

  • 在样式表工具栏上,选择**“生成样式”**。

2. 要访问**“其他颜色”**对话框,请使用下列方法之一:

  • 选择**“字体”**类别,然后单击颜色旁边的方块图标。

  • 选择**“背景”类别,然后单击“背景颜色”**旁边的方块图标。

  • 选择**“边框”类别,然后单击“边框颜色”**下的其中一个方块图标。

更多颜色对话框元素

**“更多颜色”**对话框包含下列 UI 元素。

  • Value
    显示选定颜色的十六进制 RGB 代码。

  • 名称
    显示颜色的名称(如果有)。

  • 自定义
    打开**“颜色”**对话框,通过该对话框可以选择颜色或创建颜色的调色板。

  • Select
    将指针更改到取色器工具,通过该工具可在屏幕上选择任意颜色,然后将其分配给页面元素。

  • 新建
    显示已在对话框中选择但尚未分配给页面元素的颜色。

  • 当前
    显示当前分配给页面元素的颜色。

使用“颜色”对话框中创建自定义颜色

创建自定义颜色

  1. 在**“其他颜色”对话框中单击“自定义...”**。

    将显示**“颜色”**对话框。

  2. 执行下列操作之一:

    • 使用颜色矩阵和饱和度渐变通过在矩阵内单击来创建颜色。 然后使用饱和度渐变指针来选择饱和度级别。

    • 输入自定义颜色的 HSL 或 RGB 值。

    该自定义颜色即显示在**“彩色/纯色”**框中。

  3. 如果要创建更多颜色,请单击**“添加到自定义颜色”,以将颜色添加到“自定义颜色”**调色板。 然后,可以重复步骤 2 创建其他颜色。

  4. 单击**“确定”**将颜色分配给在页面上选择的页面元素。

    备注

    自定义颜色使用监视器的显示设置来显示。该颜色在另一用户的监视器上的显示可能有所不同。您可能希望保留自定义颜色,以用于为使用相同(或可预知的)显示设置的用户组设计的 Web 项目。

如何应用样式

如果页面元素未应用任何 CSS 规则,则会以内联样式来创建样式规则。 如果存在用于该页面元素的 CSS 样式规则,则会向现有样式规则中写入样式信息。

备注

内联样式规则将重写页上的 style 元素中的样式规则或外部 CSS 文件中的样式规则。

请参见

任务

How to: Set Web Server Control Color Properties