在CSS中，你可以使用background-color属性来改变网页文字的背景色，以下是一些示例代码，展示了如何为不同的HTML元素设置背景色：
改变整个页面的背景色
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Change Background Color</title>
<style>
body {
background-color: lightblue; /* 改变整个页面的背景色 */
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>改变特定元素的文本背景色
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Change Text Background Color</title>
<style>
.highlight {
background-color: yellow; /* 改变特定元素的文本背景色 */
}
</style>
</head>
<body>
<h1 class="highlight">这是一个高亮的标题</h1>
<p>这是一个普通的段落。</p>
</body>
</html>改变多个元素的文本背景色
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Change Multiple Text Background Colors</title>
<style>
.highlight {
background-color: yellow; /* 改变多个元素的文本背景色 */
}
.important {
background-color: pink; /* 另一个背景色 */
}
</style>
</head>
<body>
<h1 class="highlight">这是一个高亮的标题</h1>
<p class="important">这是一个重要的段落。</p>
<p>这是另一个普通的段落。</p>
</body>
</html>4. 使用内联样式直接在HTML标签中设置背景色
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inline Style Example</title>
</head>
<body>
<h1 style="background-color: lightgreen;">这是一个绿色的标题</h1>
<p style="background-color: lightcoral;">这是一个珊瑚色的段落。</p>
</body>
</html>通过这些示例，你可以看到如何使用CSS来改变网页中不同元素的文本背景色，你可以根据需要调整颜色值和选择器，以实现你想要的效果。
