📌  相关文章
📜  如何在 HTML 中创建带有方形项目符号的无序列表?

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

如何在 HTML 中创建带有方形项目符号的无序列表?

在本文中,我们将了解如何使用 HTML 创建带有方形项目符号的无序列表。要创建带有方形项目符号的无序列表,我们将使用 CSS list-style-type: square 属性。

CSS 中的list-style-type属性指定列表项标记的外观(例如圆盘、字符或自定义计数器样式)。

句法:

list-style-type: disc|circle|square|decimal|lower-roman|upper-roman|
lower-greek|lower-latin|upper-latin|lower-alpha|upper-alpha|none|
inherit;

方法:在下面的示例中,我们将使用

  • 标签创建一个无序列表项,并在
      元素上添加 CSS list-style-type: square样式以制作方形项目符号。

      例子:

      HTML
      
      
        
      
          
              How to create an unordered list 
              with square bullets in HTML?
          
      
        
      
          

              GeeksforGeeks     

          

              How to create an unordered list          
      with square bullets in HTML?     

             

      Web Development Technologies -

          
                
      • HTML
      •         
      • CSS
      •         
      • JavaScript
      •         
      • jQuery
      •     
        


      输出: