轮播图的基本结构

大致的结果如图所示
这里我选用小米官网的图片做样本，图片大致分为三个部分。一个是底部图片用一个大盒子装，然后是旁边的<，>号和下面的小圆点各用一个小盒子装。

1.大盒子（.bigbox）
首先不管什么，清边距是需要的。这个li属性是对后面小圆点用的，用于清除列表属性的自动带有的小圆点，再换上需要的小圆点。
随后是定义大盒子并对其做相对定位。

2.边盒子（.lbox，.rbox）
使用并集选择器设置两盒子的公共属性，定性为绝对定位。利用绝对定位居中算法将盒子定在中间，设置背景为半透明，再对盒子里的文字居中，去下划线，改白色。最后的.lbox与.rbox将两盒子分开并做圆形边角。

3.小圆点盒子（.ulbox）
我是将这些小圆点放在一个盒子里，每一个小圆点相当与一个小盒子。再用浮动摆列，修饰，具体代码如上图所示。

4.调用（body）
可以看到各个盒子都可以放链接，这样我们后期就可以方便修饰了。

作者的话：由于我也是初学者，程序功能还不完善，代码也可能存在许多的漏洞。若有错误，也请大家多多指教。