如何使用 css 为文字添加两边花括号

要为文字添加两边的花括号，您可以使用 css 伪元素 ::before 和 ::after。

这些伪元素可以分别在元素前和元素后插入内容。对于您的情况，您可以将 「 和 」 分别插入到元素前和元素后。

p::before {
    content: '「'; // 在元素前插入 ``「``
}

p::after {
    content: '」'; // 在元素后插入 ``」``
}

这样，您的文字两边就会出现花括号。这种方法比使用图片更方便，因为它无需定位或其他额外的样式。

立即学习“前端免费学习笔记（深入）”；