主页
CSS
CSS 伪类
trycss_pseudo-class_hover_tooltip
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> p { display: none; background-color: yellow; padding: 20px; } div:hover p { display: block; } </style> </head> <body> <div>将鼠标悬停在我身上以显示 p 元素 <p>田田！ 我在这里！</p> </div> </body> </html>