zoukankan      html  css  js  c++  java
  • 图解 CSS (9): 列表


    list-style-type     (指定类型)
    list-style-image    (指定图片)
    list-style-position (指定位置)
    list-style          (综合设置)
    marker-offset       (不支持)
    

    使用 list-style 可单独或综合设置: 类型、图片、位置, 无顺序;
    如果同时设置了图片和类型, 图片会替换类型; 如果图片失效则使用类型.

    list-style-type:
    disc        (实心圆, 默认)
    circle      (空心圆)
    square      (实心方块)
    decimal     (阿拉伯数字)
    lower-roman (小写罗马数字)
    upper-roman (大写罗马数字)
    lower-alpha (小写英文字母)
    upper-alpha (大写英文字母)
    none        (无项目符号)
    还有很多不支持的...
    











    list-style-image:



    list-style-position: outside(默认)、inside;




    给列表项单独设置样式:



    列表相关的 HTML 标签:
    ol: 有序列表
    ul: 无序列表
    li: 列表项
    dl: 块
    dt: 块标题
    dd: 块内容
    
    <ul dynamicoutline initcollapsed>
    dynamicoutline: 可折叠
    initcollapsed: 开始就折叠
    
  • 相关阅读:
    英文词频统计
    字符串练习
    第八周
    第七周
    第五周
    第六周
    第三周
    第四周
    第二周
    第一周作业
  • 原文地址:https://www.cnblogs.com/del/p/1381842.html
Copyright © 2011-2022 走看看