轮播图设计
这篇放在CSS中感觉好奇怪啊,有空将它放到别的专栏。 一、电商平台的轮播图(将会在以后添加交互)1. 首先在ul标签上设置了类img-list-container。在设置样式时,ul的宽高可设为与图片大小相同,margin设置 0 auto居中效果才会有。2. 在设置只让一个图片显示的效果时,借助overflow: hidden。但这时要考虑一个问题:你的所有图片是横向排列还是纵向排列的,还有一种方案是让它们全部重叠在一起。电商采用的是重叠在一起。3.那么如何设置重叠呢?我们可以让...
原创
2021-12-08 20:08:17 ·
718 阅读 ·
0 评论