在CSS中，如何改变一个元素的背景颜色？

csshtml

示例效果与源代码：

运行效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS背景颜色示例</title>
<style>
    .my-element {
        background-color: blue; /* 设置背景颜色 */
        color: white; /* 设置文本颜色 */
        padding: 20px; /* 添加内边距 */
    }
</style>
</head>
<body>

<div class="my-element">
    这个div元素的背景颜色被设置为蓝色。
</div>

</body>
</html>

尝试一下 »

在上面的HTML代码中，我们创建了一个带有类名my-element的div元素，并应用了我们之前定义的CSS样式。color属性被添加以设置文本颜色为白色，这样在蓝色背景上文本会更容易阅读。padding属性则用来给文本和元素边缘之间留出一些空间，使得背景颜色更加明显

上一篇：在javascript中，比较运算符有哪些？

下一篇：Canvas能实现哪些简单动画效果？