直播商城系统源码，实现最简单最基本的轮播图样式

直播商城系统源码，实现最简单最基本的轮播图样式

一、H5的布局

可以使用自己的图片，需要注意路径

​

1	<br> <br><div class="banner"><br><ul class="imgList"><br><li><img src="1.png"/></li><br><li><img src="2.jpg"/></li><br><li><img src="3.jpg"/></li><br><li><img src="4.jpg"/></li><br></ul><br><div class="circle"><br></div><br></div>

二、CSS的布局

1

*{<br>padding: 0px;<br>margin: 0px;<br>}<br>.banner{<br> width: 600px;<br> margin: auto;<br> border: 10px solid green;<br> height: 350px;<br> position: relative;<br>overflow: hidden;<br>position: relative;<br>}<br>.imgList img{<br>width: 600px;<br>height: 350px;<br>}<br>.imgList{<br>/* 绝对定位 */<br> position: absolute;<br>}<br>.imgList li{<br>float:left;<br>margin-right: 20px;<br> list-style: none;

以上就是直播商城系统源码，实现最简单最基本的轮播图样式的全部代码，更多内容请关注之后的文章