1、1.显示在右侧：
2、2.显示在左侧：
3、3.显示在头部：
4、4.
显示在底部：
5、5.
添加箭头
我们可以用CSS 伪元素 ::after 及 content 属性为提示工具创建一个小箭头标志，箭头是由边框组成的，但组合起来后提示工具像个语音信息框。
以下实例演示了如何为显示在顶部的提示工具添加底部箭头：
6、6.
底部提示框/顶部箭头：
7、7.
右侧提示框/左侧箭头：
1、1.显示在右侧：
2、2.显示在左侧：
3、3.显示在头部：
4、4.
显示在底部：
5、5.
添加箭头
我们可以用CSS 伪元素 ::after 及 content 属性为提示工具创建一个小箭头标志，箭头是由边框组成的，但组合起来后提示工具像个语音信息框。
以下实例演示了如何为显示在顶部的提示工具添加底部箭头：
6、6.
底部提示框/顶部箭头：
7、7.
右侧提示框/左侧箭头：