html color

作者：昔日暖阳发布日期:2025-06-26 浏览:47

<!-- HTML Color 示例代码 -->
<!DOCTYPE html>
<html>
<head>
    <title>HTML Color Example</title>
    <style>
        /* 使用颜色名称 */
        .color-name {
            background-color: red;
        }

        /* 使用十六进制颜色代码 */
        .hex-color {
            background-color: #00FF00;
        }

        /* 使用 RGB 颜色值 */
        .rgb-color {
            background-color: rgb(0, 0, 255);
        }

        /* 使用 RGBA 颜色值（带透明度） */
        .rgba-color {
            background-color: rgba(255, 165, 0, 0.5);
        }
    </style>
</head>
<body>
    <div class="color-name">这是使用颜色名称设置的背景颜色。</div>
    <div class="hex-color">这是使用十六进制颜色代码设置的背景颜色。</div>
    <div class="rgb-color">这是使用 RGB 颜色值设置的背景颜色。</div>
    <div class="rgba-color">这是使用 RGBA 颜色值（带透明度）设置的背景颜色。</div>
</body>
</html>

解释说明：

颜色名称：可以直接使用预定义的颜色名称，例如 red、green、blue 等。
十六进制颜色代码：使用 # 加上六位十六进制数表示颜色，例如 #00FF00 表示绿色。
RGB 颜色值：使用 rgb(r, g, b) 函数，分别指定红、绿、蓝三个通道的值，范围是 0 到 255。
RGBA 颜色值：与 RGB 类似，但多了一个透明度参数，范围是 0 到 1，其中 0 表示完全透明，1 表示完全不透明。

上一篇：html设置背景颜色

下一篇：html引入css