气泡边框 css（1）

首先要明白一个div块  将这个div块的宽 高 设置成 0px ，然后呢 将这个div块的边框设置成：boder：10px solid  #000；
这时候得到的是一个全部黑色的正方形。这个基础上设置 边框的颜色 ：border-color： red pink green yellow；
看见一个由四个不同颜色的三角形组成的正放行，接下来就好办了，定位解决问题，然后想需要那个方向的三角形都可以，其他的三角形颜色改为背景色隐藏起来即可
代码如下：

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

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