📜  如何在列表样式类型中应用表情符号十六进制代码来创建自定义列表点?

📅  最后修改于: 2021-11-10 04:03:03             🧑  作者: Mango

您可以在 list-style-type 中为有序和无序列表传递表情符号十六进制代码以创建自定义列表点。

我们在 CSS 中使用以下语法。您需要在 CSS list-style-type属性中编写表情符号的十六进制代码。您可以参考 HTML 表情符号文章了解表情符号的十六进制代码。

句法:

ul,ol{
  list-style-type: "\write correct hex code";
}

使用此样式后,我们的列表将不会以数字开头,而是会替换为表情符号。

注意:您需要在每个十六进制代码前插入“\”。

示例 1:

HTML



    
    
      
    


    
            
  • one
  •         
  • two
  •         
  • three
  •         
  • four
  •     
    
            
  1. one
  2.         
  3. two
  4.         
  5. three
  6.         
  7. four
  8.     


HTML



    
    
      
    


    
            
  • geeks
  •         
  • for
  •         
  • geeks
  •     
    
            
  1. html
  2.         
  3. css
  4.         
  5. javascript
  6.     


输出:

示例 2:

HTML




    
    
      
    


    
            
  • geeks
  •         
  • for
  •         
  • geeks
  •     
    
            
  1. html
  2.         
  3. css
  4.         
  5. javascript
  6.     

输出: