带重点的入门 CSS 链接

Primer CSS是一个免费的开源 CSS 框架，它建立在创建基本样式元素（如间距、排版和颜色）基础的系统之上。这种系统化的方法确保我们的模式是稳定的并且可以相互操作。它的 CSS 方法受到面向对象的 CSS 原则、函数式 CSS 和 BEM 架构的影响。它具有高度可重用性和灵活性。它是使用 GitHub 的设计系统创建的。

Primer CSS 提供营销链接，这些链接是通过使用基本类.link-mktg以及一组修饰符类来处理颜色和大小而生成的。可以通过将.link-emphasis-mktg类添加到链接来获得强调的链接，以便在触发悬停事件时获得浅色下划线和填充。

带重点类的入门 CSS 链接：

• link-emphasis-mktg：该类用于创建带有浅下划线的链接，该链接将在悬停时填充。

句法：

    ...

示例 1：此示例演示了如何使用 Primer CSS Links with Emphasis。

HTML

  

    
    

  

    
        
GeeksforGeeks
        
Primer CSS Link with Emphasis
  
        
            Write an Article
            
        
    

  

输出：

带重点的入门 CSS 链接

示例 2：这是另一个示例，说明如何使用 Primer CSS Links with Emphasis。

HTML

  

    
    

  

    
        

            GeeksforGeeks
        
          
        
Primer CSS Link with Emphasis
  
        
            Pick Article to Write
            
        
    

  

输出：

带重点的入门 CSS 链接

参考： https://primer.style/css/components/marketing-links#link-with-emphasis