📜  语义 UI 图标链接变体

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

语义 UI 图标链接变体

Semantic UI开源框架提供图标或字形,用于显示与某些元素相关的图片,使用 CSS 和 jQuery,用于创建出色的用户界面。它是一个用于创建漂亮和响应式布局的开发框架。

语义 UI 图标是一个字形,用于显示其他内容来代替文本以节省空间和时间。图标用于帮助用户浏览并在所有语言中具有相同的含义,因此许多项目不需要用不同的语言编写。

语义 UI 图标链接变体有助于将图标格式化为链接。链接变体为图标添加了悬停效果,并将鼠标指针更改为链接的光标。

语义 UI 图标链接变体类:

  • 链接:添加此类后,我们可以将图标格式化为链接,该链接具有链接的所有功能,例如悬停效果和鼠标指针作为光标。

语法:添加链接类,使图标成为链接,如下所示。


    ...

示例:以下示例说明了语义 UI 图标链接变体。在以下示例中,通过添加链接类将图标格式化为链接。

HTML


    
        
        
        
        
    
    
        
            
                

                        GeeksforGeeks                   

                                       Semantic UI Icon Link Variation                                                        
                                                          
            
        
    


输出:

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