• CSS列表属性


    list-style-type

    list-style-type表示定义列表标记的类型,默认值disc表示一个实心圆点。一些常用的属性值:none无任何标记,disc实心圆,circle空心圆,square实心方块,decimal从1开始的数字(1,2,3等),decimal-leading-zero以0开头的数字(01,02,03等), lower-alpha小写英文字母(a, b, c等),upper-alpha大写英文字母(A,B.C等)

    list-style-position

    <ul>
      <li>你好</li>
      <li>你好</li>
      <li>你好</li>
    </ul>
    <ul style="list-style-position: inside;">
      <li>你好</li>
      <li>你好</li>
      <li>你好</li>
    </ul>
    

    结果:

    • 你好
    • 你好
    • 你好
    • 你好
    • 你好
    • 你好

    该属性定义列表标记项的位置,默认值outside表示标记放在文本外,也就是li元素的外边。属性值inside表示标记放在文本内,这个值比较常用。inherit继承

    list-style-image

    用一个图片定义列表项标记,它会覆盖默认的实心圆,默认值none

    ul {
      list-style-image: url('a.jpg');
      list-style-type: circle;
    }
    

    除了list-style-image还定义了list-style-type,这样即使图片出错了也能保证布局不会影响,推荐的做法。

    列表相关的CSS属性默认都会继承父元素的值

    优秀文章首发于聚享小站,欢迎关注!
  • 相关阅读:
    vmware 安装提示the msi failed
    答辩修改记录
    科研系统修改记录
    python2.7学习记录之四
    sql语句--查询语句(MySQL)
    lei muban
    共模与差模的区别是什么?
    linux pinmux 引脚多路复用驱动分析与使用
    纯虚函数
    内核与驱动文件的version magic匹配问题
  • 原文地址:https://www.cnblogs.com/yesyes/p/15356392.html
Copyright © 2020-2023  润新知