HTML - Div

利用 DIV 制作气泡框

<div class="div_bubble">
    <div class="div_arrow"></div>
    <div class="div_wrap">
        css bubble -- 箭头在上方
    </div>
</div> 

<style>
.div_bubble{
    width:190px;
    font-size:small;
}
.div_arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #FDD;
    left:20px;
    position:relative;
}
.div_wrap{
    background-color:#FDD;
    padding:10px;
    color:#ff4d4d;
}
</style>