列表ul li前面的点如何更改颜色、形状、大小

2024-07-16 06:29| 来源: 网络整理| 查看: 265

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

我们平常都是这样写的：

111 222 333

效果：在这里插入图片描述一、更改前面的黑色点的颜色（使用伪类）：：marker 通过添加样式，如下：

ul li::marker{ color: red; }

即可实现！！！在这里插入图片描述

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

ul li::marker{ color: red; font-size: 30px; }

效果如下：在这里插入图片描述

三、自由更改小圆点形状

ul li::marker{ font-size: 30px; content: "😍"; }

效果如下：在这里插入图片描述亲测可用哦~~实现以上效果还有其它的方法，大家一起讨论交流哈~

【本文地址】

公司简介

联系我们