如何在html中自定义有序列表

如何在html中自定义有序列表?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

成都创新互联公司专业为企业提供江山网站建设、江山做网站、江山网站设计、江山网站制作等企业网站建设、网页设计与制作、江山企业网站模板建站服务,10年江山做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

list-style-type 属性设置列表项标记的类型。

语法:

元素{
list-style-type:类型;
}

属性值:

如何在html中自定义有序列表

示例:


  
    
      ul.circle {
        list-style-type: circle;
      }
      ul.square {
        list-style-type: square;
      }
      ol.upper-roman {
        list-style-type: upper-roman;
      }
      ol.lower-alpha {
        list-style-type: lower-alpha;
      }
    
  

  
    

Type circle:

           
  • Coffee
  •       
  • Tea
  •       
  • Coca Cola
  •          

    Type square:

               
  • Coffee
  •       
  • Tea
  •       
  • Coca Cola
  •          

    Type upper-roman:

               
  • Coffee
  •       
  • Tea
  •       
  • Coca Cola
  •          

    Type lower-alpha:

               
  • Coffee
  •       
  • Tea
  •       
  • Coca Cola
  •        

    效果:

    如何在html中自定义有序列表

    关于如何在html中自定义有序列表问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


    网页名称:如何在html中自定义有序列表
    文章起源:http://pwwzsj.com/article/jhhdje.html