html - 方括号与 CSS

Question

我想用 CSS 创建一个 [ 和 ] 括号。有没有办法指定顶部和底部边框(不切片图像)使其看起来像一个括号？

.bracket {
  border-top:20px;
  border-bottom:20px;
  border-right:none;
  border-left: 1px solid black; 
}

Answer 1

.b:after {
  content: "]"
}

.b:before {
  content: "["
}

<span class="b">text</span>

工作示例:http://codepen.io/yardenst/pen/bhGIy