📌  相关文章
📜  布尔玛面板颜色

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

布尔玛面板颜色

Bulma 是一个基于 flexbox 的 CSS 框架。它使使用其预先样式化的组件制作网站变得更加容易和快捷。在本文中，我们将看到可以在 Bulma 中设置面板组件样式的各种颜色。

面板颜色等级：

  • is-primary：该类用于将面板的颜色改为原色。
  • is-link：该类用于将面板的颜色更改为链接颜色。
  • is-info：该类用于将面板的颜色更改为信息颜色。
  • is-success：该类用于将面板的颜色更改为成功颜色。
  • is-warning：该类用于将面板的颜色更改为警告颜色。
  • is-danger：该类用于将面板的颜色更改为危险颜色。
  • is-black：该类用于将面板的颜色更改为黑色。
  • is-dark：该类用于将面板的颜色更改为深色。
  • is-light：该类用于将面板的颜色更改为浅色。
  • is-white：该类用于将面板的颜色更改为白色。

句法：

示例：下面的示例显示了如何使用上面列出的类更改面板的颜色。

HTML


  

    
        Bulma Panel Colors
    
  
    
  
    

  

    

        GeeksforGeeks
    

  
    
        Bulma Panel Colors
    
  
    

        
        
  
        
        
  
        
        
    


  

输出：

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