一、聊天气泡效果

二、border-image属性介绍

border-image 属性是一个简写属性，用于设置以下属性：

属性描述支持类型默认值border-image-source边框图片路径 noneborder-image-slice图片边框向内偏移30(不带单位，表示30px)、30%、fill(暂不清楚效果)border-image-width图片边框宽度，不允许负值10px1border-image-outset边框图像区域超出边框的量，不允许负值10px0border-image-repeat图像边框是否应平铺(repeat)、铺满(round)或拉伸(stretch)repeat、round、stretchstretch

三、实现

最终效果 | CodePen