tooltip怎么使用

时间:2024-10-12 16:44:36

1、显示在右侧:

tooltip怎么使用

2、显示在左侧:

tooltip怎么使用

3、显示在头部:

tooltip怎么使用

4、显示在底部:

tooltip怎么使用

5、添加箭头我们可以用CSS 伪元素 ::after 及 content 属性为提示工具创建一个小箭栳摩狴矮头标志,箭头是由边框组成的,但组合起来后提示工具像个语音信息框。以下实例演示了如何为显示在顶部的提示工具添加底部箭头:

tooltip怎么使用

6、底部提示框/顶部箭头:

tooltip怎么使用

7、右侧提示框/左侧箭头:

tooltip怎么使用
© 手抄报圈