web前端技能方法总结（css、js、jquery、html）（27）

列表的主属性为list-style-type，此属性允许在你的列表中控制bullet（或者称为标志“marker”）。

我们可以在

• 元素中设置，元素
• 将继承
  • 属性。

  eg： li{ list-style-type:disc; } 默认的情况下，标志的类型为圆点。 属性值也可设为circle（圆圈）、square（方块）、none（消除所有标志）等。

  1、如果想要一个自定义的标志怎么办？

  在CSS中一个叫做list-style-image的属性允许你把图像作为列表的标志。

  可以用同样的办法样式化顺序列表和非顺序列表。顺序列表有一组标志，这一组标志由数字或字母排列而成，用CSS的list-style-type属性你可以控制顺序列表，不管它是十进制数字、罗马数字还是字母表字母。通常list-style-type属性值的取值为十进制数、大写字母、小写字母、大写罗马数字或小写罗马数字。参阅一下CSS使用指南，上面有很多种取值。

  2、如何控制列表的文本环绕？也就是说，如何控制让文本环绕在标记的下面？还是标记环绕在文本的下面？

  有一个叫做list-style-position的属性可以处理这个问题。将此属性值设置为inside，那么标记位于列表选项中，所以文本就环绕在标记的下面；设置为outside，那么标记位于列表选项的外面，所以标记就环绕在文本的下面。inside your item的意思就是说在列表选项盒边框里面。