<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*设置背景颜色*/ body{ background-color:antiquewhite; } /*消除 ul 本身的样式*/ *{ padding:0; margin:0; } /*设置 ul 的宽度和高度*/ .img-list{ width:190px; height:470px; overflow:hidden; } /*ul的高度470px,每一张图片的高度z50px，多余的20px集中在最下面的图片的下面*/ .img-list li:not(:last-child){ margin-bottom:9px; } </style> </head> <body> <ul class="img-list"> <li> <a href="javascript:;"> <img src="./img/搜狗截图20年04月20日1016_1.png" alt=""> </a> </li> <li> <a href="javascript:;"> <img src="./img/搜狗截图20年04月20日1016_2.png" alt=""> </a> </li> <li> <a href="javascript:;"> <img src="./img/搜狗截图20年04月20日1017_3.png" alt=""> </a> </li> </ul> </body> </html>