手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

css content 的 attr 用法 (实现悬浮提示)

时间:2024-10-13 23:58:20

1、<div> <span data-tooltip="hello world">Hover Me!!!</span></div>

2、css如下

css content 的 attr 用法 (实现悬浮提示)

3、data-为自定义属性,如上自定义提示 data-tooltip ="hello world",配杌丰居瘁合 before ,after使用 content的attr调用自定义提示,content: attr(data-tooltip);

4、鼠标悬浮显示效果图如下:

css content 的 attr 用法 (实现悬浮提示)
© 手抄报圈