ul中的li没有容怎么在一排显示背景颜色

在HTML的`<ul>`列表中，如果想要让每个`<li>`项在同一行显示并有背景颜色，你可以通过CSS来设置。下面是一个简单的示例：

<ul class="horizontal-list">
  <li>项目一</li>
  <li>项目二</li>
  <li>项目三</li>
</ul>

<style>
.horizontal-list {
  list-style-type: none; /* 移除默认的点作为列表标识 */
  display: flex; /* 使用弹性布局 */
  justify-content: space-between; /* 项目之间的间隔均匀分布 */
}

.horizontal-list li {
  background-color: #f0f0f0; /* 设置背景颜色 */
  padding: 10px;
  margin-bottom: 5px; /* 为了美观，添加一些间距 */
}
</style>

在这个例子中，`.horizontal-list`应用了`display: flex`使其变为弹性盒子模型，`justify-content: space-between`会使元素在一行上均匀分布，并且设置了背景颜色给每个`li`。