头图

一、聊天气泡效果

聊天气泡皮肤

二、border-image属性介绍

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

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

三、实现

css
最终效果 | CodePen


Fw恶龙
276 声望46 粉丝

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视。