Blaze UI 徽章圆形

Blaze CSS是一个无框架的开源 UI 工具包。它为快速构建网站提供了一个很好的结构，具有可扩展和可维护的基础。它本质上是响应式的，因为所有组件都是移动优先开发的，并且可以在任何屏幕尺寸上工作。

徽章是网站的重要组成部分。当您要添加附加信息（例如软件版本号）或向用户显示特定文本的状态消息时，它很有用。 Blaze UI 提供了很多种类的徽章，其中一种被称为Badge Rounded 。 Badge Rounded组件为我们提供了创建圆形徽章的功能。

Blaze UI 徽章圆形类：

• c-badge–rounded：该类用于创建圆形徽章。

句法：

   ...

示例 1：以下示例演示了使用c-badge-rounded类创建圆形徽章。

HTML

    
    
    
    
    
    


    
 GeeksforGeeks
        

            Blaze UI Badges Rounded 
        
    
    

     
        Rounded Badge 1
    
    
        Rounded Badge 2
    
    
        Rounded Badge 3
    

输出：

示例 2：以下示例演示了简单的基本徽章和圆形徽章之间的区别。

HTML

    
    
    
    
    
    


    

        GeeksforGeeks
        

            Blaze UI Badges Rounded 
        
    
    

     
        Simple Badge 1
    
     
        Simple Badge 2
    
     
        Rounded Badge 1
    
    
        Rounded Badge 2
    

输出：

参考： https://www.blazeui.com/components/badges/