如何更改li标签前的黑色圆点的形状、颜色和大小？

我们平常都是这样写的：

<ul>

       <li>111</li>

       <li>222</li>

       <li>333</li>

   </ul>

效果：

一、更改前面的黑色点的颜色（使用伪类） ：：marker

通过添加样式，如下：

ul li::marker{

           color: red;

       }

即可实现！！！

二、使用 font-size 属性更改小圆点的大小

ul li::marker{

           color: red;

           font-size: 30px;

       }

效果如下：

三、自由更改小圆点形状

ul li::marker{

           font-size: 30px;

           content: "