css无序列表黑点如何换成三角形

html-css024

css无序列表黑点如何换成三角形,第1张

1、首先创建一个HTML示例文件。

2、其次设置一个span元素为块级元素。

3、然后分别设置border的四边都为不同的颜色。

4、最后通过设置上边框和左右边框宽度实现三角形即可。

结论：

不能直接修改CSS样式改变颜色，但可以通过<span></span>的背景图像来实现

代码：

效果：

原理：

通过设置<li>下<span>的背景图像来实现小红圆点的效果。