html – 带CSS的方括号

前端之家收集整理的这篇文章主要介绍了html – 带CSS的方括号前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望用CSS创建一个[和]括号.有没有办法指定顶部和底部边框(不切片图像)所以它看起来像一个括号?
.bracket {
  border-top:20px;
  border-bottom:20px;
  border-right:none;
  border-left: 1px solid black; 
}

解决方法

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

 <style>
.b:after{content:"]"}
.b:before{content:"["}
</style>

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

原文链接:https://www.f2er.com/html/225387.html

猜你在找的HTML相关文章