📜  Primer CSS 警报全宽 Flash

📅  最后修改于: 2022-05-13 01:56:44.465000             🧑  作者: Mango

Primer CSS 警报全宽 Flash

Primer CSS是一个免费的开源CSS框架,它建立在创建基本样式元素(如间距、排版和颜色)基础的系统之上。这种系统化的方法确保我们的模式是稳定的并且可以相互操作。它的 CSS 方法受到面向对象的 CSS 原则、函数式 CSS 和 BEM 架构的影响。它具有高度可重用性和灵活性。它是使用 GitHub 的设计系统创建的。

Primer CSS Alerts是通知我们有关操作状态的警报或闪存消息。 Full Width Flash用于创建没有边框和边框半径的全角警报消息。

Primer CSS Alerts 全宽 Flash 类:

  • flash-full:此类用于创建全角警报消息。

句法:

Content

示例 1:此示例演示 Primer CSS Alerts Full Width Flash 的使用。

HTML


  

     Primer CSS Alerts Full Width Flash 
    

  

    
        

GeeksforGeeks

        

Primer CSS Alerts Full Width Flash

    
    
    
          GeeksforGeeks full-width alert      


HTML


  

     Primer CSS Alerts Full Width Flash 
    

  

    
        

GeeksforGeeks

        

Primer CSS Alerts Full Width Flash

    
    
    
                                                     GeeksforGeeks full-width alert 1     
    
                                             GeeksforGeeks full-width alert 2      


输出:

Primer CSS 警报全宽 Flash

示例 2:此示例演示了如何使用 Primer CSS Alerts Full Width Flash with SVG icon

HTML



  

     Primer CSS Alerts Full Width Flash 
    

  

    
        

GeeksforGeeks

        

Primer CSS Alerts Full Width Flash

    
    
    
                                                     GeeksforGeeks full-width alert 1     
    
                                             GeeksforGeeks full-width alert 2      

输出:

Primer CSS 警报全宽 Flash

参考: https://primer.style/css/components/alerts#full-width-flash