纯 CSS 图像

纯 CSS是 CSS 的一个框架。它是一个免费的开源工具集，用于创建响应式网站和 Web 应用程序。 Pure CSS 由 Yahoo 开发，用于创建更快、更美观且响应迅速的网站。它可以用作 Bootstrap 的替代品。

纯 CSS 提供了使图像响应的类 pure-img。此类可以应用于 元素以使其随视口缩放。这在构建响应式网站时很方便。

句法：

示例：在此示例中，我们使用 .用于创建响应式图像页面的pure-img类。

输出：

输出

圆角图像： CSS 的border-radius 属性用于创建圆角图像。

例子：

HTML

  

    
    
    
    

  

    
        

  
            

                GeeksforGeeks
            
  
            
Responsive Image
  
            
        
    

  

输出：

输出

圆形图像： border-radius 属性为 50%，用于创建圆形图像。

例子：

HTML

  

    
    
    
    

  

    
        

  
            

                GeeksforGeeks
            
  
            
Responsive Image
  
            
        
    

  

输出：

输出