css 灰色

作者：刃起风啸凌发布日期:2025-10-27 浏览:56

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

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

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

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

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

解释说明：

颜色名称：gray 是 CSS 中预定义的颜色名称，可以直接使用。
十六进制颜色值：#808080 是灰色的十六进制表示法，每个两位表示红、绿、蓝三种颜色的强度。
RGB 颜色值：rgb(128, 128, 128) 表示红、绿、蓝三色各为 128 的灰色。
HSL 颜色值：hsl(0, 0%, 50%) 表示色相为 0（无特定色相），饱和度为 0%，亮度为 50% 的灰色。

上一篇：css数字自动换行

下一篇：css clip