怎么用纯CSS制作带小三角的tooltip提示框

首先附上效果图：

以上的效果完全是用 css 来实现的，那么是怎么实现的呢？

我们知道 html 中有一些特殊的字符，具体的请点击 HTML特殊字符大全。

通过特殊字符，利用 css 中的 margin 或者 position 方法完全可以实现以上效果。 

复制代码

代码如下:

demo1 是用 margin 方法

◆
◆

demo2 是用 position 方法

◆
◆

PS：除了用字符可以实现三角，我们还可以利用 border 来实现三角。