📜  幽灵代码

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

幽灵代码

Spectre Code用于样式化内联和多行代码片段。内联代码是实际代码的一行。对于内联代码,您可以使用元素。代码片段是实际代码中包含多行代码的部分,因此我们可以将

与代码类一起用作容器,并在其中添加。 data-lang 属性在右上角呈现为语言名称。

幽灵代码类型:

  • Spectre 内联代码:没有预定义的类,我们可以使用 标签作为内联代码。
  • 幽灵代码片段: 这用于将内容放置为编码接口。

幽灵代码类:

  • 代码:这是在pre标签中使用的,在pre标签内容上给出了spectre设计。

句法:

     ...

以下示例说明了Spectre 代码:

示例 1:在此示例中,我们将创建 Spectre 内联代码。

HTML


  

    
    
    

  

    
        

GeeksforGeeks

        SPECTRE Inline Code         

        
            A Computer Science portal for Geeks         
    
  


HTML


  

    
    
    

  

    
        

GeeksforGeeks

        SPECTRE Code snippet         

        
            

Learning Web Development

            A Computer Science portal for Geeks         
    
  


输出:

幽灵代码

示例 2:在此示例中,我们将创建一个 Spectre 代码片段。

HTML



  

    
    
    

  

    
        

GeeksforGeeks

        SPECTRE Code snippet         

        
            

Learning Web Development

            A Computer Science portal for Geeks         
    
  

输出:

幽灵代码

幽灵代码

参考: https://picturepan2.github.io/spectre/elements/code.html