CSS基础学习--21 图片廊

一、使用 CSS 创建图片廊

 
  





  

    
      
    
    
这里添加图片文本描述
  

 

  

    
      
    
    
这里添加图片文本描述
  

 

  

    
      
    
    
这里添加图片文本描述
  

 

  

    
      
    
    
这里添加图片文本描述
  

 二、响应式图片廊

 
 




响应式图片相册


  

    
      
    
    
Add a description of the image here
  




  

    
      
    
    
Add a description of the image here
  



  

    
      
    
    
Add a description of the image here
  



  

    
      
    
    
Add a description of the image here
  





  
  
重置浏览器大小查看效果

效果图：

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}