气泡边框 css（2）

在气泡边框 css（1）的基础上添加了一个 上 右 下 为透明  左为白色的正方形，同样定位的方式放到  box上面 掩盖出颜色区域，形成一个被掏空的边框角

代码如下：

<div id="bigbox">
      <div id="box"></div>
      <div id="smallbox"></div>
</div>

#box{
    width: 0px;
    margin-top: 50px;
    border: 10px solid;
    border-color:transparent transparent  transparent  yellow;
    position:absolute;
    top:-40px;
    right:-20px
}
#bigbox{
    width:150px;
    height:35px;
    border: 3px solid yellow;
    margin: 30px auto 0;
    position:relative;
    border-radius:5px; /* 圆角 */

}

#smallbox{
    width: 0px;
    height: 0px;
    border: 8px solid;
    border-color:transparent transparent transparent white;
    position: absolute;
    left: 149px;
    top: 12px;
}

定位（position）位置需要反复的调整，还有border的像素问题也需要调整，视情况而定

效果图如下：