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); /* 黄色 */
}挑战
简单给你一个 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>这节课包含一个小测验。开始学习即可作答,并记录你的进度。
使用 CSS 添加样式中的所有课
自己练习: Web 在线编辑器