样式声明——列表属性

私人博客

许小墨のBlog —— 菜鸡博客直通车

系列文章完整版，配图更多，CSDN博文图片需要手动上传，因此文章配图较少，看不懂的可以去菜鸡博客参考一下配图！

系列文章目录

前端系列文章——传送门
CSS系列文章——传送门

---

---

0.简写

简写为：ul { list-style: none; } 去除列表项标志

1.列表项标志的类型： list-style-type

• none 无标记
• disc 默认,标记是实心圆
• circle 标记是空心圆
• square 标记是实心方块
• decimal 标记是数字

2.列表项标志的位置： list-style-position

• outside 默认值，保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐
• inside 列表项目标记放置在文本以内，且环绕文本根据标记对齐

3.将图像设置为列表项标志： list-style-image

• none 默认，无图形被显示
• URL 图像的路径
• 设置之后，会直接覆盖 list-style-type的值

4.特殊的伪类选择器： ::marker { }

---

注

本博文缺失大量图片，严重影响内容完整性以及阅读体验，完整内容请前往本人菜鸡博客——许小墨のBlog