如何设置不同的颜色范围?
方法一:使用颜色值
- 使用
#RRGGBB
的格式指定颜色值,其中每个数字代表红、绿、蓝色的值,分别以 0 到 255 之间的数字表示。例如,#0000FF
表示纯蓝色。 - 例如,以下代码设置背景颜色为蓝色:
body {
background-color: #0000FF;
}
方法二:使用颜色名称
- 使用
color
属性指定颜色名称。例如,red
、blue
、green
等都是常见的颜色名称。 - 例如,以下代码设置背景颜色为红色:
body {
background-color: red;
}
方法三:使用色值
- 使用
#RRGGBB
的格式指定色值,其中每个数字代表红、绿、蓝色的值,分别以 0 到 255 之间的数字表示。例如,#0000FF
表示纯蓝色。 - 例如,以下代码设置背景颜色为蓝色:
body {
background-color: #0000FF;
}
方法四:使用 CSS 混合值
- 使用
rgb()
或hsl()
函数来创建混合值。例如,rgb(255, 0, 0)
表示纯红色。 - 例如,以下代码设置背景颜色为淡红色:
body {
background-color: rgb(255, 0, 0);
}
注意:
- 使用不同的方法设置颜色值可能导致不同的效果,因为它们在 HTML 中处理的方式不同。
- 使用颜色名称和色值可以跨浏览器兼容。