逆战停课不停学，HTML学习第12天（轮播图的写法）

今天是学习HTML的第12天，给大家分享一下HTML轮播图的写法（只有页面，还写不了效果呢，不足之处还请小伙伴们多多留言）

HTML代码如上图
备注：图片多得话可以多添加一些img标签。

轮播图包含：
（1）显示区：
此区域大小只需要按照图片大小写即可，溢出部分我们可以使用“overflow-x:hidden”来隐藏。当然，在后面写按钮我们需要为按钮添加定位，需要在该区域CSS中写相对定位（CSS代码如下）

（2）图片存放区
图片存放区的大小需要根据图片的大小*数量来写。显示区溢出隐藏之后这里多得图片就看不到了

（3）按钮区
按钮的大小可以根据需要设置，为其添加定位，使其在显示区域合适的位置显示即可

整体写完之后效果就是下面这样的了