[分享]css中有序列表前面的点样式

CSS 中有序列表前面的点样式是指修改列表符号的样式，包括大小、颜色、形状等。通过 CSS 样式修改有序列表的符号样式，能够让列表看起来更具有美感，更符合网页设计的风格。修改有序列表中的点样式需要使用...

CSS 中有序列表前面的点样式是指修改列表符号的样式，包括大小、颜色、形状等。通过 CSS 样式修改有序列表的符号样式，能够让列表看起来更具有美感，更符合网页设计的风格。
修改有序列表中的点样式需要使用 CSS 属性 list-style，这个属性可以修改列表标志的样式，下面是一些可能会用到的值：
1. disc - 实心圆点
2. circle - 空心圆点
3. square - 实心方块
4. decimal - 系统默认数字
5. upper-roman - 大写罗马数字
6. lower-roman - 小写罗马数字
7. upper-alpha - 大写字母
8. lower-alpha - 小写字母
通过设置 list-style 属性，我们可以修改符号的色彩、大小、形状等。下面是一些示例代码：

/* 改成空心圆点 */

ol {
  list-style: circle;
}

/* 改成实心方块 */

ol {
  list-style: square;
}

/* 改成系统数字 */

ol {
  list-style: decimal;
}

/* 改成小写字母 */

ol{
  list-style: lower-alpha;
} 

以上代码中，我们通过设置不同的 list-style 值来修改有序列表的符号样式，从而实现不同的效果。
总的来说，修改 CSS 中有序列表前面的点样式非常简单，只需要用到 list-style 这个属性，就能够改变符号的大小、颜色和形状等，从而打造出适合自己网页设计的列表样式。