您的位置:首页 > Web前端 > CSS

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

2015-04-13 16:02 429 查看
[align=left]#answerdiv .answerdivleft .answerdivlefttop .msgdetailback {[/align]
[align=left] background : #90c2f3 ;[/align]
border-radius : 5px ; /*
圆角 */
[align=left] margin : 5px auto 0;[/align]
[align=left] padding : 8px ;[/align]
[align=left] font : 12px '宋体' ;[/align]
[align=left] color : #000 ;[/align]
[align=left] position : relative ;[/align]
[align=left] margin-left : 15px ;[/align]
[align=left]}[/align]

[align=left]#answerdiv .answerdivleft .answerdivlefttop .msgdetailback .msgdetailarrow[/align]
[align=left] {[/align]
[align=left] position : absolute ;[/align]
[align=left] top : 5px ;[/align]
left : -16px ;

[align=left] width : 0 ;[/align]
[align=left] height : 0 ;[/align]
[align=left] font-size : 0 ;[/align]
[align=left] border : solid 8px ;[/align]
[align=left] border-color : #fff #90c2f3 #fff #fff ;[/align]
[align=left]}[/align]

[align=left] < div class ="msgdetailback" >[/align]
[align=left] < spanclass ="msgdetailarrow" ></ span>[/align]
[align=left] < span> 我猜您是不是在找以下问题呢,如果不是,请在下方输入关键字,我会帮您快速找到答案。 </ span>[/align]
[align=left] </ div>[/align]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: