第一步：创建一个名叫banner的整体容器
样式：清除网页的默认间距并添加banner样式
第二步：把banner容器分成两个不同的div标签，一个放置对应图片，一个放置对应导航
样式：设置图片和导航宽高
代码如下：
第三步：制作导航部分，使用5个无序列表li标签
注：导航结构：在网页中发现并列布局的使用ul>li标签
样式：清除li的列表符号（list-style:none;），向左浮动（float:left;），设置宽高、字号（font-size:14px;）、背景颜色，文字水平居中（text-align:center;），文字垂直居中（line-height:40px;）
代码如下：
第四步：选中导航文字会出现变化
样式：设置变化后的背景颜色、字体颜色和高度，底部2像素的边框
代码如下：
第五步：制作图片部分
制作滚动式轮播图，需要让所有的图片并排显示，就要用到无序列表li标签
样式：设置ul标签宽度使图片能够并排显示，清除列表符号，向左浮动，取消图片自带隐形间距（display:block;）,设置图片超出部分隐藏（overflow:hidden;）
代码如下：
补充：代码写完之后，记得把我们自己添加的背景颜色删掉！！！
以上是制作lol轮播图静态页面的步骤，大家可以参考一下。
