Semantic-UI 消息正/成功变化

Semantic UI是一个开源框架，它使用 CSS 和 jQuery 使我们的网站看起来漂亮且响应迅速。它具有预定义的类，例如引导程序，用于使我们的网站更具交互性。它有一些预先构建的语义组件，我们可以使用这些组件来创建响应式网站。

Semantic UI Message用于显示可以解释附近内容的消息。正面/成功变化用于显示正面和成功类型的消息。当我们想显示一些积极的信息时，我们可以使用正类，当我们想显示我们的任务成功时，我们可以使用成功类。在本文中，我们将讨论语义 UI 中消息的积极/成功变化。

语义 UI 消息肯定/成功变化类：

• positive：这个类用于显示一个肯定的消息。
• success：该类用于显示成功的任务完成消息。

句法：

       ...

示例 1：以下代码演示了 Semantic-UI 消息正变化。

HTML

  

  

  

  
    

      GeeksforGeeks
    
      
    

      Semantic UI Message Positive Variation
    
  
      
  

    

      Reward from GeeksforGeeks
    
  
    
Go to
      
        https://www.geeksforgeeks.org/
      
      to claim the reward.
    
  

  

输出：

Semantic-UI 消息正/成功变化

示例 2：以下代码演示了 Semantic-UI 消息成功变体。

HTML

  

  

  

  
    

      GeeksforGeeks
    
      
    

      Semantic UI Message Success Variation
    
  
      
  

    

      Registration Successful!!
    
    

      You can now login to check your details.
    
  
  

  

输出：

Semantic-UI 消息正/成功变化

参考： https ://semantic-ui.com/collections/message.html#positive–success