📜  布尔玛消息颜色

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

布尔玛消息颜色

Bulma 是一个基于 Flexbox 的免费开源 CSS 框架。它组件丰富、兼容且文档齐全。它本质上是高度响应的。它使用类来实现其设计。

Bulma Message 组件用于提供彩色消息块以强调页面的一部分。它是一个多部分组件。

它主要包含三个部分——

  • 消息容器
  • 消息头
  • 邮件正文

Bulma 消息颜色功能用于为消息组件添加不同的颜色。用于颜色特征的类如下:

  • is-dark:该类用于将消息容器的颜色设置为深棕色。
  • is-primary:该类用于将消息容器的颜色设置为浅青色。
  • is-link:该类用于设置消息容器的颜色为蓝色。
  • is-info:该类用于设置消息容器的颜色为浅蓝色。
  • is-success:该类用于设置消息容器的颜色为绿色。
  • is-warning:该类用于设置消息容器的颜色为黄色。
  • is-danger:该类用于设置消息容器的颜色为红色。

句法:

例子:

HTML


  

    Bulma Message Colors
  
    
    

  

    
        
            
                

GeeksforGeeks                 

                   

                    Bulma Message Colors                 

                   
                    
                        

GeeksforGeeks - Dark Message Color

                                             
                    
                        'GeeksforGeeks' is                         a computer science portal.it was                         created with a goal in mind to                         provide well written, well thought                         and well explained solutions for                         selected questions. The core team                         of five super geeks constituting                         of technology lovers and computer                         science enthusiasts have been                         constantly working in this direction.                     
                
                   
                    
                        

GeeksforGeeks - Primary Message Color

                                             
                    
                        'GeeksforGeeks' is                         a computer science portal.it was                         created with a goal in mind to                         provide well written, well thought                         and well explained solutions for                         selected questions. The core team                         of five super geeks constituting                         of technology lovers and computer                         science enthusiasts have been                         constantly working in this direction.                     
                
                                       
                    
                        

GeeksforGeeks - Info Message Color

                                             
                    
                        'GeeksforGeeks' is                         a computer science portal.it was                         created with a goal in mind to                         provide well written, well thought                         and well explained solutions for                         selected questions. The core team                         of five super geeks constituting                         of technology lovers and computer                         science enthusiasts have been                         constantly working in this direction.                     
                
                   
                    
                        

GeeksforGeeks - Success Message Color

                                             
                    
                        'GeeksforGeeks' is                         a computer science portal.it was                         created with a goal in mind to                         provide well written, well thought                         and well explained solutions for                         selected questions. The core team                         of five super geeks constituting                         of technology lovers and computer                         science enthusiasts have been                         constantly working in this direction.                     
                
                   
                    
                        

GeeksforGeeks - Warning Message Color

                                             
                    
                        'GeeksforGeeks' is                         a computer science portal.it was                         created with a goal in mind to                         provide well written, well thought                         and well explained solutions for                         selected questions. The core team                         of five super geeks constituting                         of technology lovers and computer                         science enthusiasts have been                         constantly working in this direction.                     
                
                   
                    
                        

GeeksforGeeks - Danger Message Color

                                             
                    
                        'GeeksforGeeks' is                         a computer science portal.it was                         created with a goal in mind to                         provide well written, well thought                         and well explained solutions for                         selected questions. The core team                         of five super geeks constituting                         of technology lovers and computer                         science enthusiasts have been                         constantly working in this direction.                     
                
            
        
    
  


输出:

参考: https://bulma.io/documentation/components/message/#colors