Semantic-UI 按钮倒置类型

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

Semantic-UI 提供了各种带有按钮的类进行自定义，在本文中，我们将看到倒置类型的按钮。倒置类有助于按钮出现在深色背景中。当我们要使用倒置类型的按钮时，应该提到倒置类：

语义 UI 按钮反转类型类：

• 倒置：这个类应该用于使用倒置类型的按钮。

注意：要使用倒排类型的按钮，应在 div 中提及类倒排段。

句法：

 .... 

示例 1：这里我们将创建一些倒置型按钮。

HTML

    


    
        

            
GeeksforGeeks
            Semantic-UI Inverted Type Button
  
            

                Like
                Share
                Subscribe
                Report
            
        
    

输出：

Semantic-UI 按钮倒置类型

示例 2：在此示例中，您将看到反转类型的基本按钮与不同的颜色变体一起使用。

HTML

    


    
    

        
GeeksforGeeks
        Semantic-UI Inverted Type Button
        


        Inverted Basic Colored Buttons:
        

            
                Basic Red
            
            
                Basic Orange
            
            
                Basic Yellow
            
            
                Basic Olive
            
            
                Basic Green
            
        
    
    

输出：

Semantic-UI 按钮倒置类型

参考： https://semantic-ui.com/elements/button.html#inverted