纯CSS3+DIV怎么实现小三角形边框效果

小程序示例

wxml

      
      
        你已选择：上脑
        
          
            特质：牛上脑是位于肩颈部靠后，脊骨两侧的牛肉，肉质细嫩多汁，脂肪杂交均匀，有好看的大理石花纹，口感绵软，入口即化，脂肪低而蛋白质含量高，适合涮火锅，可煎炸，炸和烧烤。
          
        
      
    

wxss

.index_sale_lists{
  margin: 50rpx 24rpx 0;
  background-color: #F2F6F4;
  border-radius: 20rpx;
  position: relative;
}
.sanjiao{
    position: absolute;
    left: 50%;
    top:-15rpx;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #F2F6F4;
    /* z-index:-1; */
}

以上是“纯CSS3+DIV怎么实现小三角形边框效果”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！