Semantic-UI 消息信息变化

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

Semantic UI Message用于显示可以解释附近内容的消息。 Info Variation用于在info类的帮助下向用户显示任何类型的信息。在本文中，我们将讨论 Semantic UI 中 Message 的 Info Variation。

Semantic-UI 消息信息变体类：

• info ：用于创建信息块以显示消息。

句法：

   ......

示例 1：以下代码演示了 Semantic-UI Message Info Variation 与一些内容的使用。

HTML

  

  

  

  
    

      GeeksforGeeks
    
      
    

      Semantic UI Message Info Variation
    
  
      
  

    

      About GeeksforGeeks
    
  
    

      

        A Computer Science portal.
      
  
      

        A Complete Guide for SDE Preparation
      
    
  

  

输出：

Semantic-UI 消息信息变化

示例 2：以下代码演示了带有content和image的 Semantic-UI Message Info Variation。

HTML

  

  

  

  
    

      GeeksforGeeks
    
    

      Semantic UI Message Info Variation
    
  
  

    

      About GeeksforGeeks
    
    

      

        A Computer Science portal.
      
      

        A Complete Guide for SDE Preparation
      
      

        It contains well written, well thought and well
        explained computer science and programming articles
      
      

        
      
    
  

  

输出：

Semantic-UI 消息信息变化

参考： https ://semantic-ui.com/collections/message.html#info