列表样式

列表样式

			
			/* 列表样式，只能对ul、ol、li设置 */
			
			/* 去掉列表前的序列 */
 			/* list-style: none; */
 			/* 列表样式为小圆圈*/
            list-style-type: circle;
            /* 列表样式为小圆点*/
            list-style-type: decimal;
            /* 列表样式为小写罗马数字*/
            list-style-type: lower-roman;
            /* 列表样式为方块*/
            list-style-type: square;
            
            /* 设置列表序列符号 所在位置 */
            list-style-position: inside;
            /* list-style-position: outside; */
            
            /* 列表样式为自定义图片/
            list-style-image: url( 地址);
            
            list-style: inside url(地址 );

ul、ol -> li

list-item类型

结构：

标记盒子：里面放置标记，标记盒子在文档中不占据位置。它会一直随着内容盒子移动。

内容盒子：放置的真正的内容。

• list-style-type

  • none，没有标记

  • 其他的值可百度。

    disc decmial .....

  这个属性应该直接作用在li上面，但是我们可以写在ul或ol上面让它直接继承下去。

• list-style-image：url()

• list-style-position规定标记是在内容盒子中还是在标记盒子中。

  • outside，默认值，放在标记盒子里面
  • inside，放在内容盒子中。