css 图片列表 纵向 |帝国css分页样式代码

ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
display: block;
margin-bottom: 20px;
}
img {
display: block;
max-width: 100%;
}

首先，大家使用ul和li标签来创建一个无序列表。然后使用CSS将列表默认的样式去掉，如list-style、padding和margin，以便大家可以自定义样式。

接下来，大家设置li元素的display属性为block，即让它们以块级元素的方式展示。这样大家才能对它们进行宽度、高度和margin等属性的控制。大家将每个li元素之间的距离设置为20px，以便让它们在纵向上的展示有合适的间隔。

最后，大家将每个图片元素的display属性设置为block，使它们能够独立占据一行，不受其他元素的影响，并将它们的max-width属性设为100%，让图片在不同的屏幕分辨率下都能够完整地显示。

使用上述CSS代码，大家就可以创建一个简单的纵向图片列表了。