css ul li中点的颜色

CSS中ul li列表中的点，一直是我们在网页设计过程中比较常见的元素之一。虽然它看似简单，但是点的颜色也是需要进行调整的。下面我们来讨论一下如何改变ul li中点的颜色。

ul li {
  list-style: none;
  position: relative;
  padding-left: 25px;
}

ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #333;
  border-radius: 50%;
}

在CSS中，我们通过:before伪元素来添加一个点的形状，然后再通过content属性来控制伪元素中的内容为空，通过position属性来移动点的位置，最后通过background-color来设置点的颜色。

我们可以通过修改代码中的background-color属性来改变点的颜色。比如，我们可以将#333改为#f00来将点的颜色改为红色。

ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #f00;
  border-radius: 50%;
}

通过以上的操作，我们就可以很方便地改变ul li列表中的点的颜色了。