css - 彩色圆点 :before and :after h2

Question

我试图在 h2 之前和之后放置彩色点。

这是我的 CSS；

h2:after {
 width:10px;
 height:10px;
 border-radius:50%;
 background: #b83b3b;
}

h2:after {
 width:10px;
 height:10px;
 border-radius:50%;
 background: #b83b3b;
}

但是没有点出现。

有线索吗？

谢谢!

在恩

Answer 1

为content属性指定一个值，然后添加display:inline-block

jsFiddle example

h2:after, h2:before {
    content:"\A";
    width:10px;
    height:10px;
    border-radius:50%;
    background: #b83b3b;
    display:inline-block;
}