当前位置: 首页 > Web前端 > CSS

CSS实现聊天气泡效果

时间:2023-03-30 23:16:13 CSS

一、聊天气泡效果二、border-image属性介绍border-image属性是一个简写属性,用于设置以下属性:属性描述支持类型默认值border-image-source边框图片路径noneborder-image-slice图片边框向内偏移30(没有单位,表示30px),30%,fill(效果还不清楚)100%border-image-width图片边框宽度,负值10px1border-image-outset为notallowed边界图像区域超出边界的量,不允许负值10px0border-image-repeat图像边界是否应该平铺(repeat)、覆盖(round)或拉伸(stretch)repeat,round,stretchstretch3.实现最终效果|代码笔