如何在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://bzwzjz.com/article/jhhdje.html

    其他资讯

    Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
    友情链接: 成都网站建设 泸州网站建设 成都网站设计 网站建设公司 成都做网站建设公司 网站设计制作报价 响应式网站设计 网站建设方案 成都定制网站建设 成都网站建设 成都网站制作 成都网站制作 重庆网站建设 成都商城网站建设 成都网站设计 网站建设方案 成都品牌网站设计 成都网站设计 响应式网站设计 重庆外贸网站建设 网站设计 重庆网站制作