W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> p:hover, h1:hover, a:hover { background-color: yellow; } </style> </head> <body> <h1>欢迎来到我的主页</h1> <div class="intro"> <h2 id="firstname">我的名字是唐老鸭</h2> <p id="hometown">我住在鸭堡</p> <p>我<b>最好</b>的朋友是米老鼠</p> </div> <h2>链接：</h2> <p>以下是我最喜欢的网站：</p> <a href="https://www.w3school.com.cn">W3School</a> <a href="http://www.disney.com" target="_blank">迪士尼</a> <a href="http://www.wikipedia.com" target="_top">维基百科</a> <p><b>注意：</b>将鼠标悬停在段落、标题和链接上，看看哪些内容会被应用样式。</p> </body> </html>