使用 css 美化列表项背景条通过设置 list-style-type 和 list-style-position 属性，可定义列表项标记类型和位置，同时使用 background-color 设置背景色，例如：ul { list-style-type: square; list-style-position: inside; background-color: #f5f5f5; }，将列表项标记修改为正方形，标记位置在列表项内部，背景色为浅灰色。
如何使用 CSS 美化列表项背景条
直接回答问题：
使用 CSS 美化列表项背景条主要通过设置 list-style-type 和 list-style-position 属性。
详细展开：
立即学习“前端免费学习笔记（深入）”；
1. 使用 list-style-type 属性
list-style-type 属性定义列表项标记的类型，包括：
- none：无标记
- disc：圆点
- circle：实心圆
- square：正方形
- decimal：数字
- lower-alpha：小写字母
- upper-alpha：大写字母
2. 使用 list-style-position 属性
list-style-position 属性定义列表项标记的位置，包括：
- outside：标记在列表项外部
- inside：标记在列表项内部
3. 美化背景条
要美化列表项背景条，需要同时设置 list-style-type 和 list-style-position 属性：
ul {
list-style-type: square;
list-style-position: inside;
background-color: #f5f5f5;
}
效果：
- 列表项标记将变成正方形。
- 列表项标记将位于列表项内部。
- 列表项背景将变成浅灰色。
此外，还可以使用其他 CSS 属性进一步美化背景条，例如：
- background-image：设置背景图片
- background-repeat：设置背景图片的重复方式
- background-position：设置背景图片的位置
- background-size：设置背景图片的大小
