通过

“颜色选择器”对话框

  • 项目

更新：2007 年 11 月

用于将样式属性分配给 HTML 元素。

访问此对话框

  1. 在 Microsoft Visual Web Developer 的“设计”视图中，选择呈现标记的控件或 HTML 元素，如 Table 控件或 HTML <input> 按钮。

  2. 执行以下操作之一，打开“样式生成器”对话框：

    • 在“设计”视图中选择控件或元素，然后依次单击“格式”、“样式”。

    • 在“设计”视图中右击控件或元素，然后单击“样式”。

    • 选择控件或元素，在“属性”窗口中选择其“样式”属性，然后选择省略号按钮 (...)。

    • 如果正在使用“文档样式”窗口，可以选择“元素”、“类”或“元素 ID”，然后选择“生成样式”图标。

    • 如果您正在编辑级联样式表 (CSS)，请将插入点放在 CSS 样式的大括号 ({ }) 之间，然后选择“样式”菜单上的“生成样式”。

    “样式生成器”对话框随即打开。

  3. 在“样式生成器”对话框中，选择包含“颜色”下拉列表的任意选项卡，然后单击该框旁边的省略号 (…) 按钮。

    “颜色选择器”对话框随即打开。

任务

用户界面元素

  • Web 调色板
    当选择此选项卡上的某个色块时，其十六进制 RGB 代码将出现在“颜色”字段中，当关闭“样式生成器”对话框时，所选的 attribute:RGBcolor 对将插入到 CSS 样式定义中。

    例如，在“设计”视图中编辑 HTML 页时，在“文档大纲”窗口中选择 <BODY> 元素，然后在“格式”菜单上选择“生成样式”。选择“背景”，然后选择“颜色”字段旁边的省略号按钮 (...) 来打开“颜色选择器”对话框。在其“Web 调色板”选项卡上，选择浅蓝色色块，然后单击“确定”。当关闭“样式生成器”对话框时，将在 BODY 样式的大括号 ({ }) 之间插入类似下面的 attribute:RGBcolor 对：

    BODY { BACKGROUND-COLOR: #99ffff; }

    有关更多信息，请参见 “颜色选择器”对话框 ->“Web 调色板”选项卡。

  • 已命名的颜色
    当选择此选项卡上的色块时，其颜色名称和十六进制 RGB 代码将出现在“颜色”字段中。当选择一种“基本”或“附加”的已命名的颜色时，将向 CSS 样式定义中插入 attribute:colorname 对。

    例如，当在“设计”视图中编辑 HTML 页时，选择“文档大纲”窗口中的 <BODY> 元素，然后从“格式”菜单选择“生成样式”。选择“背景”，然后选择“颜色”字段旁边的省略号按钮 (...) 来打开“颜色选择器”对话框。在“已命名的颜色”选项卡上，选择底端行中的“LightBlue (#add8e6)”颜色。当关闭“样式生成器”对话框时，以下 attribute:colorname 对将插入 BODY 样式的大括号 ({ }) 之间：

    BODY { BACKGROUND-COLOR: lightblue; }

    有关更多信息，请参见 “颜色选择器”对话框 ->“已命名的颜色”选项卡。

  • 系统颜色
    选择了颜色之后，“颜色”字段中将显示一个系统颜色类别，在关闭“样式生成器”对话框时，将向 CSS 样式定义中插入 attribute:category 对。

    例如，在编辑 CSS 样式表时，将光标放在 <BODY> 元素的 CSS 样式的大括号 ({ }) 之间，然后从“格式”菜单选择“生成样式”。选择“背景”，然后选择“颜色”字段旁边的省略号按钮 (...) 来打开“颜色选择器”对话框。在其“系统颜色”选项卡上，选择“背景”颜色类别，然后选择“确定”。当关闭“样式生成器”对话框时，以下 attribute:colorname 对将插入 BODY 样式中：

    BODY { BACKGROUND-COLOR: background; }
    说明：

    使用系统颜色时，并未指定要显示的颜色。背景颜色因系统不同而不同，具体取决于用户已经选择的桌面颜色。通常，应仅在为共享通用的、可预知的“显示”设置的用户组设计的 Web 项目上使用“系统颜色”类别。

    有关更多信息，请参见 “颜色选取器”对话框 ->“系统颜色”选项卡。

  • 自定义颜色
    若要创建自定义颜色，请拖动基本色红色、绿色和蓝色的滑块，直到“预览”字段中出现所需颜色。在关闭“样式生成器”对话框时，它的 RGB 颜色代码（显示在“颜色”字段中）将插入到 CSS 样式定义中。每个滑块右侧显示的十进制值范围为从 0（没有颜色）到 255（颜色最深）；每个滑块的默认值为 255。

    说明：

    自定义颜色使用监视器的当前“显示”设置进行显示。该颜色在另一用户的监视器和 Web 浏览器中的显示可能有所不同。您可能希望保留自定义颜色，以用于为共享通用的、可预知的“显示”设置的用户组设计的 Web 项目。

    例如，编辑 CSS 样式表时，请将光标放在 INPUT.button 样式类的 CSS 样式的大括号 ({ }) 之间，选择“生成样式”对话框中的“背景”，然后选择“颜色”字段旁边的省略号按钮 (...) 以打开“颜色选择器”对话框。在其“自定义颜色”选项卡上，将“红色”和“绿色”滑块设置保留为其默认值 255，将“蓝色”滑块向左拖动到 102。当关闭“样式生成器”对话框时，以下 attribute:RGBcolor 对将插入样式的大括号 ({ }) 之间：

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

    有关更多信息，请参见 “颜色选择器”对话框 ->“自定义颜色”选项卡。

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

  • 确定
    关闭“颜色选择器”对话框，并在关闭“样式生成器”对话框时将选定的 attribute:color 对添加到要插入的 CSS 标记中。

请参见

概念

ASP.NET Web 服务器控件和 CSS 样式

参考

“颜色选择器”对话框 ->“Web 调色板”选项卡

“颜色选择器”对话框 ->“已命名的颜色”选项卡

“颜色选取器”对话框 ->“系统颜色”选项卡

“颜色选择器”对话框 ->“自定义颜色”选项卡