带CSS的方括号 [英] Square brackets with CSS

问题描述

我希望仅使用CSS创建一个 [和] 括号。有没有一种方法可以指定顶部和底部边框（不对图像进行切片），使其看起来像是括号？

I wish to create a [ and ] bracket just with CSS. Is there a way to specify the top and bottom border (Without slicing the image) so it looks like a bracket?

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

推荐答案

.b:after {
  content: "]"
}

.b:before {
  content: "["
}

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

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

这篇关于带CSS的方括号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！