css 写 小三角伪类

<div class="z_r"></div>

CSS伪类

      左三角:没有左边框;同理右上下。。。

.z_r:before{
  content: '';
  position: absolute;
  top:0.9rem;
  left:-0.39rem;
  width:0;
  height:0;
  border-top:0.4rem solid transparent;
  border-bottom:0.4rem solid transparent;
  border-right:0.4rem solid #ececec;
 }

 

posted @ 2017-06-15 10:39  和路雪  阅读(3560)  评论(0编辑  收藏  举报