CSS 颜色名学习笔记
简介
CSS 颜色名是指在 CSS 中可以使用的命名颜色。使用颜色名可以使代码更加易读、易维护。本文将介绍常用的 CSS 颜色名及其表示的颜色。
常用的 CSS 颜色名
1. black
表示黑色。
cssCopy Codecolor: black;
2. white
表示白色。
cssCopy Codebackground-color: white;
3. red
表示红色。
cssCopy Codeborder-color: red;
4. green
表示绿色。
cssCopy Codecolor: green;
5. blue
表示蓝色。
cssCopy Codebackground-color: blue;
6. yellow
表示黄色。
cssCopy Codecolor: yellow;
7. gray
表示灰色。
cssCopy Codeborder-color: gray;
实例
以下是一个使用 CSS 颜色名的实例:
htmlCopy Code<!DOCTYPE html>
<html>
<head>
<title>CSS 颜色名实例</title>
<style>
body {
background-color: yellow;
}
h1 {
color: red;
}
p {
color: green;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>This is an example of using CSS color names.</p>
</body>
</html>
在这个实例中,我们使用了 yellow
、red
和 green
这些 CSS 颜色名来设置背景颜色和文本颜色。