Semantic-UI 段循环变化

Semantic UI是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更神奇。语义 UI 为我们提供了一种非常简单的方式来设置 Web 应用程序的样式，而不是使用 CSS。为了创建一组相关的内容，我们通常使用分段。它提供了不同变体、类型组和状态的细分。

在本文中，我们将了解 Semantic-UI Segment Circular Variation 以及使用示例代码的实现。

Semantic-UI 中的段用于相关内容的分组。在 Semantic-UI Segment Circular Variation 中，我们可以创建圆形的段。现在，让我们了解语法。

Semantic-UI Segment Circular Variation 内容类：

• 圆形：该类用于使分段圆形形状以创建分段的圆形变化。

句法：

 ......

示例 1：我们可以观察到线段是圆形的。我们可以在片段中添加内容，如下例所示。

HTML

  

    Semantic-UI Segment Circular Variation
    
     
    
    
    

  

  
    
      
        Geeksforgeeks
      
  
      
        Semantic-UI Segment Circular Variation
      
  
      
          
            Gfg
            Segment 
          
                       
    
  

  

输出 ：

Semantic-UI 段循环变化

示例 2：我们甚至可以在圆段中使用倒置颜色进行对比。

HTML

    

    Semantic-UI Segment Circular Variation
  
    
     
    
    
    

  

    
      
        
          Geeksforgeeks
        
  
        
          Semantic-UI Segment Circular Variation
             
  
        
            
               Gfg
              Segment
            
                      
      
  

  

输出 ：

Semantic-UI 段循环变化

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