css中如何实现小圆圈

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS中如何实现小圆圈? list-style-type: 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中实现小圆圈的简单介绍。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中如何实现小圆圈

粉丝

0

关注

0

收藏

0

已有0次打赏