5.完成产品列表

完成产品列表

产品列表效果：由上下两部分组成，上面为标题，标题分为主标题和副标题，下面为图片列表，使用li来实现

创建dom结构：

效果

设置css样式

效果：

添加标题背景：

效果：

让主标题和文字之间有点空隙

效果：

完成产品列表（分上下两列，用br换行）

效果：

设置样式

效果:

设置图片样式：

效果：

让图片之间留一点空缝隙

效果：

实现鼠标移入图片，图片透明度变低效果：

效果：