主要介绍了div+CSS制作类似微信对话气泡效果的实例总结,文中总结出了四种编写方式,并且对三角形的绘制有一个补充说明,需要的朋友可以参考下

在聊天的场景中，聊天内容需要用到气泡修饰，如下图。下面一一讲解。 一、图片式： 第一个样式是京东客服，气泡的圆角和钩子都是用了图片。使用了一个table组合成了一个圆角的框框。lm样式拼出了钩子。   XML/HTML Code复制内容到剪贴板                                       <table u00a0class=msg cellspacing u00a0cellpaddin