Semantic-UI 段倒置变化

Semantic UI 是一个开源框架，它提供了多种组件来让你的 UI 更有意义。其中之一是“段”。

语义 UI 有一个分段组件来显示相关内容的不同部分。用户还可以在深色背景上显示片段。让我们看看这个片段的变化。

Semantic UI Segment Inverted Variation：如果你想在黑色背景上显示一个段，你可以使用一个倒置的段。显示相关内容的单个或一组片段可以显示在深色背景中。我们将创建一个 UI 来显示分段倒置变化。

Semantic-UI Segment Inverted Variation 类：

• 倒置：这个类用于使段倒置（颜色方面）。

句法 ：

    ...

这些示例通过使用倒置类演示了倒置变化中的一个片段或一组片段。

示例 1：

HTML

 

    

 

    

        


        
GeeksforGeeks
        Semantic UI Segment Inverted Variation
        

        


        

            
                
Welcome to geeksforgeeks.
                 
Learn anything you want
 
                 

                    Get tutorial of anything
                    related to computer science.
                
 
                 
Courses on programming
 
                 
Solve programming problems.
 
                 
Help other by writing articles.
 
            
        
    

 

输出：

倒段

示例 2：

HTML

 

    

 

    

        


        
GeeksforGeeks
        Semantic UI Segment Inverted Variation
        

        


        

            

                 
Data Structure
 
            
            

                 
Web Programming
 
            
            

                 
Competitive Programming
 
            
        
    

 

输出：

倒转段

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