css content 的 attr 用法 (实现悬浮提示)
1、<div>
<span data-tooltip="hello world">Hover Me!!!</span>
</div>
2、css如下

3、data- 为自定义属性,如上 自定义 提示 data-tooltip ="hello world",
配合 before ,after 使用 content 的attr 调用 自定义提示,
content: attr(data-tooltip);
4、鼠标悬浮显示效果图如下:

阅读量:64
阅读量:157
阅读量:30
阅读量:100
阅读量:36