[分享]css中如何实现小圆圈

CSS中如何实现小圆圈？ liststyletype: circle; 以上是CSS属性中实现小圆圈的方法，只需要将该属性设置在ul或ol标签上即可。比如，让一个ul中所有的li前添加小圆圈。 第一...

CSS中如何实现小圆圈？

 list-style-type: circle; 

以上是CSS属性中实现小圆圈的方法，只需要将该属性设置在ul或ol标签上即可。

比如，让一个ul中所有的li前添加小圆圈。

 <ul>
      <li>第一项</li>
      <li>第二项</li>
      <li>第三项</li>
    </ul>

    CSS：
    ul{
      list-style-type: circle;
    } 

以上代码运行结果就是在每个li前面添加了小圆圈。

同时，list-style-type属性还支持其他形状，比如圆、方、罗马数字等，只需将属性值设置为对应值即可。

 /* 圆 */
    list-style-type: disc;

    /* 方 */
    list-style-type: square;

    /* 罗马数字 */
    list-style-type: upper-roman;
    list-style-type: lower-roman; 

以上是关于CSS中实现小圆圈的简单介绍。