Lista de imágenes CSS Jingdong

<! 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> 
      / * Establecer el color de fondo * / 
      body { 
          background-color : antiquewhite ; 
      } / * Eliminar el estilo de ul en sí * / 
     * { 
         padding : 0 ; 
         margin : 0 ; 
     } / * Set ul Ancho y alto * / 
      .img-list { 
         ancho
      
      : 190px ; 
         altura : 470px ; 
         desbordamiento : oculto ; 
      } / * La altura de ul es 470px, la altura de cada imagen es z50px, y los 20px adicionales se concentran debajo de la imagen inferior * / 
      .img-list li: not (: last -child) { 
          margin-bottom : 9px ; 
      } 
    </ style> 
</ head> 
<body> 
    <ul class = "img-list"> 
        <li> 
                <a href="javascript:;"> 
                    <img src = " ./img/ Sogou Captura de pantalla 20 de abril de 20 años 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>

 

Supongo que te gusta

Origin www.cnblogs.com/lintianxiajun/p/12737695.html
Recomendado
Clasificación