📜  Semantic-UI 图像变体 Avatar 变体

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

Semantic-UI 图像变体 Avatar 变体

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

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

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

Semantic-UI Image Variations Avatar Variant 类:

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

句法:

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

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

HTML


  

    Semantic UI
    

  

  
    

GeeksforGeeks

    Semantic-UI Image Variations Avatar Variant
         user 1     

         user 2     

         user 3   


输出:

Semantic-UI 图像变体 Avatar 变体

Semantic-UI 图像变体 Avatar 变体

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