实现类似QQ气泡消息的样式

来源:互联网 发布:linux内核的组成部分 编辑:程序博客网 时间:2024/04/29 12:44
#answerdiv .answerdivleft .answerdivlefttop  .msgdetailback {
       background : #90c2f3 ;
       border-radius : 5px ; /* 圆角 */
       margin : 5px auto 0;
       padding : 8px ;
       font : 12px '宋体' ;
       color : #000 ;
       position : relative ;
       margin-left : 15px ;
}

#answerdiv .answerdivleft .answerdivlefttop  .msgdetailback .msgdetailarrow
       {
       position : absolute ;
       top : 5px ;
       left : -16px ;
       width : 0 ;
       height : 0 ;
       font-size : 0 ;
       border : solid 8px ;
       border-color : #fff #90c2f3 #fff #fff ;
}
  < div class ="msgdetailback" >
                                                                   < spanclass ="msgdetailarrow" ></ span>
                                                                   < span> 我猜您是不是在找以下问题呢,如果不是,请在下方输入关键字,我会帮您快速找到答案。 </ span>
                                                             </ div>
0 0
原创粉丝点击