<! 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> / * Set the background color * / body { background-color : antiquewhite ; } / * Eliminate the style of ul itself * / * { padding : 0 ; margin : 0 ; } / * Set ul Width and height * / .img-list{ width : 190px ; height : 470px ; overflow : hidden ; } / * The height of ul is 470px, the height of each picture is z50px, and the extra 20px is concentrated under the bottom picture * / .img-list li: not (: last -child) { margin-bottom : 9px ; } </ style> </ head> <body> <ul class = "img-list"> <li> <a href="javascript:;"> <img src = " ./img/ Sogou screenshot 1016_1.png on April 20th, 20 "" alt = ""> </a> </ li> <a href="javascript:;"> <li> <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>