Semantic-UI Raised Segments 组

Semantic UI是一个开源开发框架，它提供预定义的类，使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。

Semantic UI 为用户提供了各种段类，使网站上的段看起来更加优雅和美观。在这篇文章中，让我们看看关于提升类型的分组段。

凸起的片段在网站上为片段带来了一些提升效果。

语义 UI 提出了段组类：

• raise：这个类为段组提供了提升效果。
• Segments：该类表示存在多个segment的segments组。

句法：

  

      ........
  
  
  

      .......
  

示例 1：以下代码演示了引发段组。

HTML

  

    Semantic-UI Raised Segments Group
    
    
    
    
    

  

  
    GeeksforGeeks
    
      Semantic-UI Segment Raised Segments Group
    
    
    
  
  
  
    
      
        
            Events
           
        
  
      
  
      
        
             Tutorials
           
        
  
      
      
        
             Practice
           
        
  
      
  
      
        
             Courses
           
        
  
      
    
  

输出：

示例 2：以下代码演示了引发段组。

HTML

  

      Semantic-UI Raised Segments Group
  
      
  
      
    
  
      
      

  

  
    GeeksforGeeks
        
        Semantic-UI Segment Raised Segments Group
    
    
    
  
  
    
        
            
                GeeksforGeeks Handles
  
            
  
            
                
                    Instagram
                
  
            
  
            
                
                    Facebook
                
  
            
  
            
                
                    Linkedin
                
  
            
  
            
                
                    Twitter
                
  
            
            
                
                    Youtube
                
  
            
  
        
    
  
    
  
    

  

输出 ：

Semantic-UI Raised Segments 组

参考链接： https://semantic-ui.com/elements/segment.html#raised-segments