html网页颜色代码大全

作者：热血震荡发布日期:2026-03-15 浏览:51

<!-- HTML 网页颜色代码大全示例 -->

<!DOCTYPE html>
<html>
<head>
    <title>HTML网页颜色代码大全</title>
    <style>
        .color-box {
            width: 100px;
            height: 100px;
            display: inline-block;
            margin: 5px;
        }
    </style>
</head>
<body>
    <h1>HTML网页颜色代码大全</h1>
    <div class="color-box" style="background-color: #FF0000;"></div> <!-- 红色 -->
    <div class="color-box" style="background-color: #00FF00;"></div> <!-- 绿色 -->
    <div class="color-box" style="background-color: #0000FF;"></div> <!-- 蓝色 -->
    <div class="color-box" style="background-color: #FFFF00;"></div> <!-- 黄色 -->
    <div class="color-box" style="background-color: #FF00FF;"></div> <!-- 紫色 -->
    <div class="color-box" style="background-color: #00FFFF;"></div> <!-- 青色 -->
    <div class="color-box" style="background-color: #FFFFFF;"></div> <!-- 白色 -->
    <div class="color-box" style="background-color: #000000;"></div> <!-- 黑色 -->

    <p>以上是部分常见颜色的HTML颜色代码示例。</p>
</body>
</html>

解释说明：

HTML结构：页面包含一个标题 (<h1>) 和若干个颜色方块 (<div>)，每个方块使用不同的背景颜色来展示不同的颜色代码。
CSS样式：通过内联样式 (style="background-color: #XXXXXX;") 来设置每个方块的颜色，#XXXXXX 是十六进制颜色代码。
颜色代码：每种颜色对应一个特定的十六进制代码，例如红色为 #FF0000，绿色为 #00FF00，蓝色为 #0000FF 等。

上一篇：htmlsubmit

下一篇：htmlspecialchars_decode