前端练习-图片列表-01
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="./css/reset.css"> <style> .ul_style{ margin-top: 10px; width: 190px; height: 470px; overflow: hidden; background-color: antiquewhite; } .li_style{ margin-bottom: 9px; } .ul_style img{ width: 100%; } </style> </head> <body> <div> <ul class="ul_style"> <li class="li_style"> <a href="javascrip:;"> <img src="./img/01/1.jpg" alt=""></a> </li> <li class="li_style"> <a href=""><img src="./img/01/2.jpg" alt=""></a> </li> <li class="li_style"> <a href=""><img src="./img/01/3.jpg" alt=""</a> > </li> </ul> </div> </body> </html>
posted on 2022-03-02 10:25 mercykillerannimal 阅读(39) 评论(0) 编辑 收藏 举报