css实现逗号展示在页面上

CSS实现逗号展示是一种常见的前端技巧，这种技巧主要是利用CSS伪元素向页面中插入逗号，从而让页面更加美观、优雅。

示例CSS代码：
.comma-list::before {
    content: ",";
    position: absolute;
    left: -10px;
}

上面的代码中，我们使用了CSS伪元素:before，并且将content属性设置为“,”，这样就可以在页面中插入逗号了。我们还设置了逗号的位置是在该元素的左侧，左侧距离为10个像素。

在HTML中，我们为需要展示逗号的元素设置class为“comma-list”，然后应用上面的CSS代码即可。

示例HTML代码：
<p class="comma-list">这是一句话，这是另一句话。</p>

这样，页面中的这一段话就会在两句话之间添加逗号，让整个页面更加美观、优雅。

当然，我们也可以根据不同的需求修改CSS代码，比如将逗号的位置修改为右侧、中心等，还可以修改逗号的颜色、字号等。这些都可以根据具体需求进行自由调整。