底漆 CSS 框虚线边框

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

在本文中，我们将讨论Primer CSS Dashed Border。虚线边框是一系列短线。它可以通过使用 Primer CSS 中的border-dashed类来获得。

班级：

• border-dashed：用于为框应用虚线边框。

句法：

    Content

示例 1：在此示例中，我们将编写一些文本，并在其周围制作虚线边框。

输出：

示例 2：在此示例中，我们将在包含文本和图像的 div 周围制作虚线边框。

HTML

    

  

    

        
GeeksforGeeks
        
 Dashed Borders
    
    

        GeeksforGeeks is a Computer Science Portal 
        

        
        
    

输出：

参考： https://primer.style/css/components/box#dashed-border