成都网站建设设计

将想法与焦点和您一起共享

怎么在html中自定义有序列表

本篇内容主要讲解“怎么在html中自定义有序列表”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么在html中自定义有序列表”吧!

创新互联建站公司2013年成立,是专业互联网技术服务公司,拥有项目成都网站制作、成都网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元天峨做网站,已为上家服务,为天峨各地企业和个人服务,联系电话:18980820575

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://chengdu.cdxwcx.cn/article/jddspc.html