入门 CSS 时间线 TimelineItem-Avatar

Primer CSS是使用 GitHub 的设计系统创建的 Github 上的开源项目。我们可以通过 npm 安装 Primer CSS 或在我们的 HTML 文件中包含 CDN 链接来使用它。它具有不同类型的样式，例如间距、颜色和排版。

Primer CSS Timeline用于在垂直方向显示项目。 Primer CSS TimelineItem-Avatar用于将所有权授予时间线事件的作者。我们将TimelineItem包裹在

中以使其完美运行。

在本文中，我们将讨论 Primer CSS TimelineItem-Avatar。

入门 CSS TimelineItem-Avatar 类：

• TimelineItem-avatar：该类用于将头像添加到时间轴。

句法：

  

     ...
  
  ...

示例 1：以下示例演示了 Primer CSS TimelineItem-Avatar 。

HTML

  

  

  
    
    

        
 GeeksforGeeks 
        
 Primer CSS TimelineItem-Avatar 
    
 

  
    

        

          

            
          
  
          

            
          
          

            GeeksforGeeks Avatar
          
        
    

输出：

入门 CSS TimelineItem-Avatar

示例 2：以下示例演示了 Primer CSS TimelineItem-Avatar 。

HTML

  

  

  
    
    

        
 GeeksforGeeks 
        
 Primer CSS TimelineItem-Avatar 
    
 

  
    

        

          

            

              
            
        
            

              
            
            

              GeeksforGeeks Avatar 1
            
          
            
          

            

              
            
        
            

              
            
            

              GeeksforGeeks Avatar 2
            
          
        
   

输出：

入门 CSS TimelineItem-Avatar

参考： https://primer.style/css/components/timeline#timelineitem-avatar