html颜色代码

作者：傲世，小狂徒发布日期:2026-03-12 浏览:71

<!DOCTYPE html>
<html>
<head>
    <title>HTML颜色代码示例</title>
    <style>
        /* 使用颜色代码设置背景颜色 */
        body {
            background-color: #f0f8ff; /* AliceBlue */
        }
        /* 使用颜色代码设置文本颜色 */
        p {
            color: #ff0000; /* 红色 */
        }
        /* 使用颜色代码设置边框颜色 */
        div {
            border: 2px solid #008000; /* 绿色 */
            padding: 10px;
            margin: 10px;
        }
    </style>
</head>
<body>
    <h1>HTML颜色代码示例</h1>
    <p>这是一个使用红色文本的段落。</p>
    <div>这个div有一个绿色的边框。</div>
</body>
</html>

解释说明：

background-color: #f0f8ff;：将页面的背景颜色设置为 #f0f8ff，这是AliceBlue的颜色代码。
color: #ff0000;：将段落文本的颜色设置为 #ff0000，即红色。
border: 2px solid #008000;：为div元素设置一个2像素宽的实线边框，颜色为 #008000，即绿色。

通过这些例子，你可以看到如何在HTML和CSS中使用颜色代码来设置各种元素的颜色。

上一篇：html居中

下一篇：轮播图怎么制作html