CSS之对列表的修饰 [CSS][web前端]

CSS之对列表的修饰

1. list-style-type

   • 如果将样式值设置为none就表示取出默认图标

2. list-style-image

   • 给列表设置新图标
   • 样式值的格式为: url() , 在()中间是地址
     • eg:url(img/img.jpg) 就是表示的上一层级的img文件夹中的img.jpg文件

3. list-style-position

   • 设置列表中图标的位置
   • 样式值可以为: inside , outside
     • 设置为inside的时候就是图标在列表项里
     • 设置为outside的时候就是图标在列表项的外面

总结: 可以对上面的三条进行一个简写: (如下:)

list-style : none url() inside;

• 注意: 这三个样式值之间没有先后顺序
  • 一般都是对于位置才有顺序,并且一般都是顺时针的顺序(上 , 右 , 下 , 左) , 对于位置我们如果只指明一个那么就是上下左右都为这个值 , 如果指明两个值就是上下为第一个值,左右为第二个值, 如果指明三个值,那么就是上为第一个值, 左右为第二个值,下为第三个值,如果是四个值,那么就是对应上, 右, 下, 左