css中列表并排 |css 背景图片添加遮罩

li {
float: left;
margin-right: 10px;
}

上述代码中，大家使用了 CSS 中布局常用的浮动（float）属性，将每个列表项（li）向左浮动，并设置了一个 margin-right 来控制它们之间的间距，从而实现了列表并排的效果。

在实际应用中，大家还可以通过 CSS 的其他属性来进一步调整列表的样式，例如设置列表的宽度、颜色、背景等。下面是一个完整的示例代码：

ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
float: left;
margin-right: 10px;
width: 100px;
height: 100px;
border: 1px solid #ccc;
background-color: #f5f5f5;
text-align: center;
line-height: 100px;
}

上述代码中，大家使用了 CSS 的 ul、li 选择器来指定样式规则，使用 list-style、padding 和 margin 来设置列表的基本样式，设置了宽度、高度、边框和背景色等样式，其中 line-height 属性用来设置文本行高，使文本居中显示。

在实际开发中，大家应该根据具体需求来选择合适的样式，以达到更好的视觉效果和用户体验。