纯CSS实现的气球泡泡对话框

一、边框法实现的等腰直角三角形式的对话框

.org_box{
height:80px;
line-height:80px;
margin-bottom:30px;
padding-left:2em;
background:#F3961C;
position:relative;
}
.org_bot_cor{
width:0;
height:0;
font-size:0;
border-width:15px;
border-style:solid;
border-color:#f3961c transparent transparent;
_border-color:#f3961c white white;
overflow:hidden;
position:absolute;
left:60px;
bottom:-30px;
}

<div class="org_box">
<span class="org_bot_cor"></span>
边框法实现底部90度尖角对话框
</div>

二、字符法实现的等腰直角三角形式的对话框

.org_box{
height:80px;
line-height:80px;
margin-bottom:30px;
padding-left:2em;
background:#F3961C;
position:relative;
}
.org_bot_cor_2{
height:30px;
line-height:0;
font-size:60px;
color:#f3961c;
position:absolute;
left:60px;
bottom:-25px;
}

<div class="org_box">
<span class="org_bot_cor_2"></span>
字符法实现底部90度尖角对话框
</div>