Semantic-UI 图像变体 Avatar 变体

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。它使用一个类将 CSS 添加到元素中。

化身是用户或用户字符或角色的图形说明。它通常是一个圆形图像。在网页中，它被广泛用于显示用户的个人资料图片或在列出的项目中显示图像。

要将常规图像转换为语义 UI 中的头像，我们将头像类与ui和图像类一起使用。这些类仅适用于 标记，不适用于其他 HTML 标记。

Semantic-UI Image Variations Avatar Variant 类：

• 头像：该类用于将常规图像转换为头像图像。

句法：

注意：要仅使用“头像”类功能，我们不需要添加语义 UI 脚本。

示例：此示例显示了使用语义 UI 的头像类创建的基本头像图像。

HTML

  

    
    

  

  
    
GeeksforGeeks
    Semantic-UI Image Variations Avatar Variant

    
    user 1
    


    
    user 2
    


    
    user 3
  

输出：

Semantic-UI 图像变体 Avatar 变体

参考： https://semantic-ui.com/elements/image.html#avatar