📌  相关文章
📜  如何使用 HTML 和 CSS 创建节计数器？

📅  最后修改于: 2021-08-31 02:01:35             🧑  作者: Mango

部分计数器就像一张卡片，对网页页脚很有用。它包含有关公司的详细信息。在本文中，我们将介绍一些公司的一些预测数据。我们将本文分为两部分，在第一部分中，我们将创建正常结构，然后我们将进行设计。

创建结构：在本节中，我们将使用简单的 HTML 代码创建三个部分来显示有关公司的一些详细信息。我们将使用fontawesome图标来更具体地代表用户的功能。

  • Font Awesome 中图标的 CDN 链接：
  • HTML代码： 
    

  

    
    
      

  

    
    GeeksforGeeks
    
    Section Counter
    

    
    
    
        
    
            
    
                
    
                
    759+
    
                
    Contributer
    
            
    
        
    
        
    
            
    
                
    
                
    60k+
    
                
    Article
    
            
    
        
    
        
    
            
    
                
    
                
    70+
    
                
    Employees
    
            
    
        
    
    
    

  
                    

设计结构：我们已经创建了结构，在这里我们将使用简单的 CSS 来设计结构。此外，我们将为它添加一些动画。

  • CSS 代码：

最终解决方案：在本节中，我们将上述两个部分合并到一个文件中，然后我们将获得完整的解决方案。

  • 程序： 
    

  

    
    
    

  

    
    GeeksforGeeks
    
    Section Counter
    

    
    
    
        
    
            
    
                
    
                
    759+
    
                
    Contributer
    
            
    
        
    
        
    
            
    
                
    
                
    60k+
    
                
    Article
    
            
    
        
    
        
    
            
    
                
    
                
    70+
    
                
    Employees
    
            
    
        
    
    
    

  
  • 输出：