渲染（边框颜色太浅，放在{}里面）：{}参考链接纯CSS气泡效果需要的知识点：当div都是0，整个边框由四个三角形组成，每条边都是一个三角形，利用这个点做小的尖角，例如如下：将不需要的三边的边框颜色设置为相同背景，这样你想要的小尖角，然后使用定位来调整位置。上面的方法可以得到一个带颜色的小尖角，但是渲染图显示的是一个带边框的小金色角。于是在现有基础上，出现两个小尖角，然后叠加，使用z-index属性显示。因为需要两个，所以可以使用伪元素，这样就不会出现非语义元素。代码如下：&::before{content:"";显示：块；宽度：0；高度：0；边框：实心10px；边框颜色：#E9E9E9rgba(255,255,255,0)rgba(255,255,255,0)rgba(255,255,255,0);位置：绝对；顶部：208px；左：40px；z-index:2;}&::after{内容:"";显示：块；宽度：0；高度：0；边框：实心8px；边框颜色：#fffrgba(255,255,255,0)rgba(255,255,255,0)rgba(255,255,255,0);位置：绝对；顶部：207px；左：41.5px；z-index:3;}
