📜  html 字段集颜色背景 - Html (1)

📅  最后修改于: 2023-12-03 15:31:16.813000             🧑  作者: Mango

HTML 字段集颜色背景 - HTML

HTML(Hypertext Markup Language)是用于创建网页和其他 Web 应用程序的标准标记语言。HTML 字段集是一组已命名的基本单元,用于组成 HTML 文档中的表单。其中一个常见的字段集是颜色背景,用于在输入框、文本字段和其他表单元素中设置背景颜色。

HTML 颜色背景字段集

HTML 颜色背景字段集包含了一组命名颜色值,可以用于设置 HTML 表单元素的背景色。这些命名颜色可以通过值属性设置,并且应该与合适的颜色名称匹配。

HTML 颜色名称

以下是 HTML 颜色字段集中使用的一些常见的颜色名称:

  • aliceblue - 淡蓝色
  • antiquewhite - 古董白
  • aquamarine - 碧绿色
  • azure - 天蓝色
  • beige - 米色(淡褐色)
  • bisque - 桔黄色(浅色)
  • black - 黑色
  • blanchedalmond - 杏仁白
  • blue - 蓝色
  • blueviolet - 蓝紫色
  • brown - 棕色
  • burlywood - 深黄褐色
  • cadetblue - 舰队蓝色
  • chartreuse - 黄绿色
  • chocolate - 巧克力色
  • coral - 珊瑚红色
  • cornflowerblue - 矢车菊蓝色
  • cornsilk - 茸黄色
  • crimson - 猩红色
  • cyan - 青色
  • darkblue - 暗蓝色
  • darkcyan - 暗青色
  • darkgoldenrod - 暗金黄色
  • darkgray - 暗灰色
  • darkgreen - 暗绿色
  • darkgrey - 暗灰色
  • darkkhaki - 暗卡其色
  • darkmagenta - 暗洋红色
  • darkolivegreen - 暗橄榄绿色
  • darkorange - 暗橙色
  • darkorchid - 暗兰花紫色
  • darkred - 暗红色
  • darksalmon - 暗鲑鱼色
  • darkseagreen - 暗海绿色
  • darkslateblue - 暗灰蓝色
  • darkslategray - 暗灰色
  • darkslategrey - 暗灰色
  • darkturquoise - 暗宝石绿色
  • darkviolet - 暗紫罗兰色
  • deeppink - 深粉色
  • deepskyblue - 深天蓝色
  • dimgray - 暗灰色
  • dimgrey - 暗灰色
  • dodgerblue - 闪蓝色
  • firebrick - 火砖红色
  • floralwhite - 花白色
  • forestgreen - 森林绿色
  • fuchsia - 紫红色
  • gainsboro - 淡灰色
  • ghostwhite - 幽灵白色
  • gold - 金色
  • goldenrod - 金麒麟色
  • gray - 灰色
  • green - 绿色
  • greenyellow - 绿黄色
  • grey - 灰色
  • honeydew - 蜜瓜色
  • hotpink - 热粉色
  • indianred - 印第安红色
  • indigo - 靛蓝色
  • ivory - 象牙色
  • khaki - 卡其色
  • lavender - 薰衣草色
  • lavenderblush - 薰衣草粉色
  • lawngreen - 草绿色
  • lemonchiffon - 柠檬绸色
  • lightblue - 浅蓝色
  • lightcoral - 浅珊瑚红色
  • lightcyan - 浅青色
  • lightgoldenrodyellow - 浅金色
  • lightgray - 浅灰色
  • lightgreen - 浅绿色
  • lightgrey - 浅灰色
  • lightpink - 浅粉色
  • lightsalmon - 浅鲑鱼色
  • lightseagreen - 浅海绿色
  • lightskyblue - 浅天蓝色
  • lightslategray - 浅灰蓝色
  • lightslategrey - 浅灰蓝色
  • lightsteelblue - 浅钢蓝色
  • lightyellow - 浅黄色
  • lime - 酸橙色
  • limegreen - 酸橙绿色
  • linen - 亚麻色
  • magenta - 洋红色
  • maroon - 栗色
  • mediumaquamarine - 中碧绿色
  • mediumblue - 中蓝色
  • mediumorchid - 中兰花紫色
  • mediumpurple - 中紫色
  • mediumseagreen - 中海绿色
  • mediumslateblue - 中灰蓝色
  • mediumspringgreen - 中春绿色
  • mediumturquoise - 中宝石绿色
  • mediumvioletred - 中紫罗兰色
  • midnightblue - 午夜蓝色
  • mintcream - 薄荷色
  • mistyrose - 浅玫瑰红色
  • moccasin - 鹿皮色
  • navajowhite - 纳瓦扬白色
  • navy - 深蓝色
  • oldlace - 老麻色
  • olive - 橄榄色
  • olivedrab - 暗橄榄色
  • orange - 橙色
  • orangered - 红橙色
  • orchid - 兰花紫色
  • palegoldenrod - 淡金色
  • palegreen - 淡绿色
  • paleturquoise - 淡宝石绿色
  • palevioletred - 淡紫罗兰色
  • papayawhip - 木瓜色
  • peachpuff - 粉扑桃色
  • peru - 秘鲁色
  • pink - 粉红色
  • plum - 洋李色
  • powderblue - 粉蓝色
  • purple - 紫色
  • red - 红色
  • rosybrown - 玫瑰棕色
  • royalblue - 皇家蓝色
  • saddlebrown - 马鞍棕色
  • salmon - 鲑鱼色
  • sandybrown - 沙棕色
  • seagreen - 海绿色
  • seashell - 贝壳色
  • sienna - 黄土赭色
  • silver - 银色
  • skyblue - 天蓝色
  • slateblue - 灰蓝色
  • slategray - 灰蓝色
  • slategrey - 灰蓝色
  • snow - 雪白色
  • springgreen - 春绿色
  • steelblue - 钢蓝色
  • tan - 黄褐色
  • teal - 水鸭色
  • thistle - 蓟色
  • tomato - 番茄色
  • turquoise - 宝石绿色
  • violet - 紫罗兰色
  • wheat - 小麦色
  • white - 白色
  • whitesmoke - 烟白色
  • yellow - 黄色
  • yellowgreen - 黄绿色
HTML 颜色设置

下面是设置 HTML 表单元素背景颜色的两个示例。

<input type="text" style="background-color: lightblue;">
<select style="background-color: darkorange;">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

在第一个示例中,背景颜色设置为 lightblue,它使用了 style 属性来设置 background-color 样式。这表示文本输入框将具有淡蓝色背景。

在第二个示例中,select 元素背景颜色设置为 darkorange。这表示下拉框将有深橙色背景。

总结

HTML 颜色背景字段集使用一组命名颜色值来设置 HTML 表单元素的背景颜色。这些颜色可以通过标准的 HTML 样式属性来设置。掌握这些常见颜色的名称和使用方法有助于开发人员快速创建吸引人的 Web 界面。