【文件属性】：
文件名称：CSS实现带箭头的提示框效果【示例代码】
文件大小：87KB
文件格式：PDF
更新时间：2021-01-21 11:12:27
示例
我们在很多UI框架中看到带箭头的提示框，感觉挺漂亮，但是之前一直不知道其原理，今天网上找了些资料算是弄清楚原理了；
先上效果图：
原理分析：
上面的箭头有没有觉得很像一个三角形，是的，它就是三角形；只不过它这个尖角是通过两个三角形来实现的；
首先新建一个div，画出提示框的轮廓
给定样式：
.demo{
width:100px;
height:100px;
position:absolute;
top: 35%;
left:40%;
bo