css疑问框

/*圆角矩形*/
.rectangle{
    width: 200px;
    line-height: 50px;
    height: 50px;
    text-align: center;
    border-radius: 15px;
    position: relative;
    background-color: red;
}
/*小三角*/
.rectangle::before{
    content: "";
    width: 0;
    height: 0;
    border: 15px solid;
    border-color: red transparent transparent transparent;
    position:absolute;
    bottom: -30px;
    left: 40px;
}

<div class="rectangle">疑问框</div>