语义-UI 消息图标类型

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

Semantic UI 为用户提供了各种不同的消息类型类，可用于不同的目的以显示具有良好界面的消息。在这篇文章中，让我们看看 Semantic UI 中 Icon 类型的消息。

Semantic-UI Icon 类型消息类：

• 图标：这表示消息是图标类型的

句法：

  
  

   ...
  

例1：本例描述的是图标类型的消息。

HTML

  

  Semantic-UI Message Icon Type
  
  
  
  
  

  

  
    GeeksforGeeks
    
      Semantic-UI Message Icon Type
    
  
  
  
  
    
      
      
        
          Save the file to view it offline
        
      
    
  

输出 ：

语义-UI 消息图标类型

例2：本例描述的是图标类型的消息。

HTML

  
  
  
  
  

  

  
    GeeksforGeeks
    
      Semantic-UI Message Icon Type
    
  
  
  
  
    
      
      
        
          There are some notifications in the inbox
        
         Archive notifications
      
    
  

输出：

语义-UI 消息图标类型

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