在HTML中，我们可以使用CSS样式来为列表项添加背景色，这可以使得列表更加美观且易于阅读。下面是一个示例HTML页面，其中包含一个无序列表，并使用CSS为列表项添加了背景色：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>为列表项添加背景色示例</title>
<style>
/* 为列表项添加背景色 */
li {
background-color: #f2f2f2; /* 设置背景色为灰色 */
padding: 10px; /* 设置内边距为10px */
margin-bottom: 5px; /* 设置下边距为5px */
}
</style>
</head>
<body>
<h1>为列表项添加背景色示例</h1>
<h2>无序列表</h2>
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橙子</li>
</ul>
</body>
</html>在上面的示例中，我们使用了CSS样式中的background-color、padding和margin-bottom属性来为列表项添加了背景色。将背景色设置为灰色，设置内边距为10px，设置下边距为5px。
需要注意的是，为了让背景色仅应用于列表项的文本部分，而不是整个列表项，我们将样式应用于li元素，而不是ul元素。如果将样式应用于ul元素，将会为整个列表添加背景色，而不是单个列表项。
正文完