css样式问题？

Question

请问文字两边的这个样式 怎么写出来，还是说用图片

感觉用图片还要定位去控制

Answer 1

是两边的 「 和 」 吗，用伪元素 ::before 和 ::after

p::before {
    content: '「';
}

p::after {
    content: '」';
}

Answer 2

一般是用特殊符号 「 和 」，如果对于方框大小没有具体要求的情况下。

当然也可以用前后的伪类来实现，就是叠两个矩形做一下 border 罢了，border-color 就用 currentColor 就行了和文字颜色同色。。