HTML三个列表标签 ul ol dl

ul标签(无序列表)

ul标签里面的一级子标签只能是

  • ,而li标签里面可以是任意标签

    • 苹果
    • 香蕉
    • 雪梨

    效果
    HTML三个列表标签 ul ol dl_第1张图片

    ol标签(无序列表)

    ol标签里面的一级子标签只能是

  • ,而li标签里面可以是任意标签

    1. 苹果
    2. 香蕉
    3. 雪梨

    效果
    HTML三个列表标签 ul ol dl_第2张图片
    ul的list-style-type:,css属性

    
    
    
     
    22 
    
    
    
    
    

    无序列表实例:

    • Coffee
    • Tea
    • Coca Cola
    • Coffee
    • Tea
    • Coca Cola

    有序列表实例:

    1. Coffee
    2. Tea
    3. Coca Cola
    1. Coffee
    2. Tea
    3. Coca Cola

    效果
    HTML三个列表标签 ul ol dl_第3张图片
    list-style:none;去除列表基础样式

    
    
    
    
        
        3
    
    
    
    
        
    • aaa
    • bbb
    • ccc
    • ddd
    1. eee
    2. fff
    3. ggg
    4. hhhh

    效果
    HTML三个列表标签 ul ol dl_第4张图片

    dl标签(自定义列表)

    水果
    香蕉
    雪梨
    菠萝
    橘子
    苹果

    效果
    HTML三个列表标签 ul ol dl_第5张图片

  • 你可能感兴趣的:(HTML三个列表标签 ul ol dl)