在每张背景图片下面加个 background-size:cover;  代码 就好了,它的作用是让图片自动根据容具的大小来填充；

/*任务三、设置缩略图背景图像*/
.clearfix li:nth-of-type(1) a::after{
   background: url(http://localhost:8080/images/timg.jpg) no-repeat center;
   background-size: cover;
}

图片无法显示是因为慕课网给的图片链接有问题，图片已经丢失了，只能自己查找其他来源的图片替换掉链接就好了

缩略图无法正常显示

缩略图不能显示原因：图片分辨率过大，将图片分辨率调整为533*300以下便可正常显示，分辨率为100*50时，图片正好能完全放入缩略框。 图片不能正常显示问题：图片地址要设置成本地图片路径或者网络可用图片链接。