css灰色

作者：稍纵即逝发布日期:2025-11-27 浏览:87

/* 设置元素为灰色的示例代码 */

/* 1. 使用颜色名称 */
body {
    background-color: gray;
}

/* 2. 使用十六进制颜色值 */
div {
    color: #808080;
}

/* 3. 使用 RGB 颜色值 */
p {
    border: 1px solid rgb(128, 128, 128);
}

/* 4. 使用 HSL 颜色值 */
h1 {
    color: hsl(0, 0%, 50%);
}

解释说明：

颜色名称：gray 是 CSS 中预定义的颜色名称之一，可以直接使用。
十六进制颜色值：#808080 表示一种灰色，每个两位数代表红、绿、蓝三种颜色的强度。
RGB 颜色值：rgb(128, 128, 128) 也是表示灰色，分别设置红、绿、蓝三种颜色的强度。
HSL 颜色值：hsl(0, 0%, 50%) 使用色调（Hue）、饱和度（Saturation）、亮度（Lightness）来定义颜色。这里表示的是灰色，因为饱和度为 0%，亮度为 50%。

上一篇：文字居中css

下一篇：css在线可视化调试