css 实现一个span左右中括号的效果；加粗

可以使用 ::before 和 ::after 伪元素来实现：

HTML代码：

<span class="bracket">文字</span>

CSS代码：

.bracket {
  position: relative;
  font-weight: bold;
}

.bracket::before,
.bracket::after {
  content: "[";
  position: absolute;
  top: 0;
}

.bracket::after {
  content: "]";
  right: 0;
}

这样就可以在文字左右两侧加上中括号并加粗了。