html – 带CSS的方括号

发布时间：2020-12-14 18:44:34 所属栏目：资源来源：网络整理

导读：我希望用CSS创建一个[和]括号.有没有办法指定顶部和底部边框(不切片图像)所以它看起来像一个括号？ .bracket { border-top:20px; border-bottom:20px; border-right:none; border-left: 1px solid black; } 解决方法 span class="b"text/span style.b:after{

我希望用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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!