ul { list-style: none; padding: 0; margin: 0; } li { background-color: #f2f2f2; padding: 10px; margin-bottom: 5px; }
在上面的代码中,大家首先对 ul 元素进行了一些基础样式设置,包括移除默认的列表样式,以及 padding 和 margin 都设置为 0。
然后对 li 元素进行样式设置,其中 background-color 属性设置为 #f2f2f2,也可以设置为其他想要的颜色,padding 属性设置为 10px,增加 li 元素的内边距,margin-bottom 属性设置为 5px,增加 li 元素之间的间距。
可以看出,通过给 li 元素添加背景颜色,整个列表的可读性和美观度都得到了提升。