[分享]css中定义列表项目

CSS中定义列表项目可以使用两种属性：list-style-type和list-style-image。list-style-type用于定义列表项目的符号类型，而list-style-image用于定义自定义符号的图片路径。下面分别介绍这两种属性的用法。
list-style-type属性：
list-style-type属性可用于定义以下符号类型：
1. disc：实心圆点
2. circle：空心圆
3. square：实心正方形
4. decimal：数字
5. upper-alpha：大写字母
6. lower-alpha：小写字母
7. upper-roman：大写罗马数字
8. lower-roman：小写罗马数字
使用方法如下：

p {
  list-style-type: disc; /* 实心圆点 */
  list-style-type: square; /* 实心正方形 */
} 

list-style-image属性：
list-style-image属性可以用于定义自定义符号的图片路径。使用方法如下：

p {
  list-style-image: url("image.png"); /* 自定义图片 */
} 

同时，为了使得列表更美观，我们还可以使用list-style-position属性来设置列表项目符号的位置，有两种取值：inside和outside。
inside表示符号在文本内容内部，即文本内容和符号之间没有额外的缝隙；
outside表示符号在文本内容外部，即文本内容和符号之间有一定的间距。
使用方法如下：

p {
  list-style-position: inside; /* 符号在文本内容内部 */
  list-style-position: outside; /* 符号在文本内容外部 */
} 

总的来说，通过使用list-style-type、list-style-image和list-style-position属性，我们可以方便地定义列表项目的符号类型、自定义符号和位置等样式，从而美化我们的页面。