天天看点

CSS列表属性

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

结果:

你好

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

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

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

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

博客: https://blog.86886.wang

GitHub: https://github.com/wmui