Menu
CoddyTech

RGB 颜色

本课属于 Coddy HTML 学习旅程的“使用 CSS 添加样式”单元。第 27 课,共 76 课。

在 CSS 中,RGB 颜色是一种使用 rgb() 函数记法指定颜色的方式。RGB 代表红色、绿色和蓝色,每种颜色都用一个 0 到 255 之间的值表示。通过组合这三种原色的不同强度,你可以创造出丰富多彩的颜色。 

以下是在 CSS 中使用 RGB 颜色的基本语法:

selector {
    color: rgb(red, green, blue);
    background-color: rgb(red, green, blue);
}

例如:

p {
    color: rgb(255, 0, 0); /* 红色 */
    background-color: rgb(0, 255, 0); /* 绿色 */
}

h1 {
    color: rgb(0, 0, 255); /* 蓝色 */
}

.highlight {
    background-color: rgb(255, 255, 0); /* 黄色 */
}
challenge icon

挑战

简单

给你一个 HTML 文档,其中包含一个标题(<h1>)、一个段落(<p>)和一个分区(<div>)。为页面上的所有元素设置你喜欢的背景颜色和文本颜色,并使用 rgb() 来设置。

默认颜色不符合要求!

亲手试试

<html>
<head>
    <title>RGB Colors</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

使用 CSS 添加样式中的所有课

自己练习: Web 在线编辑器