📜  Semantic-UI 角图标组

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

Semantic-UI 角图标组

Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且具有多种不同的元素可用于使您的网站看起来更加惊人和响应迅速。图标是用于表示其他事物的字形。 Semantic UI 通过由 Font Awesome 团队为其标准图标集设计的 Font Awesome 5.0.8 的完整端口提供了数千个图标。这些图标的函数与页面上的文本非常相似,并且可以像文本一样格式化。

在本文中,我们将了解 Semantic UI 中的角图标组。角图标组是两个或多个图标的组合,它们相互叠加以创建所需的图标。为了在语义 UI 中创建一个角图标组,我们使用巨大的图标类和其他图标类创建一个大图标,然后使用位置类在角位置添加一个正常大小的图标。

语义 UI 角图标组类:

  • corner:此类将较小的图标定位到较大图标的角落。

句法:


 
 

示例 1:此示例演示语义 UI 中的基本角图标组

HTML



    
    
    
    


    
        

GeeksforGeeks

        Semantic UI Icon group         
                                                                                                                                        


HTML



    
    
    
    


    
        

GeeksforGeeks

        Semantic UI Icon group         
                                                                                                                                                                                    
 


输出:

输出

示例 2:此示例演示语义 UI 中的所有位置角图标组

HTML




    
    
    
    


    
        

GeeksforGeeks

        Semantic UI Icon group         
                                                                                                                                                                                    
 

输出:

输出

参考: https://semantic-ui.com/elements/icon.html#/definition#groups