W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> a:any-link { background-color: yellow; color: maroon; } a.ex1:hover, a.ex1:active {color: red;} a.ex2:hover, a.ex2:active {font-size: 150%;} a.ex3:hover, a.ex3:active {background: red;} a.ex4:hover, a.ex4:active {font-family: monospace;} a.ex5:visited, a.ex5:link {text-decoration: none;} a.ex5:hover, a.ex5:active {text-decoration: underline;} </style> </head> <body> <h1>:any-link 实例</h1> <p>将鼠标悬停在链接上以查看它们的变化。</p> <p><a class="ex1" href="index.asp">这个链接会改变颜色</a></p> <p><a class="ex2" href="index.asp">这个链接会改变字体大小</a></p> <p><a class="ex3" href="index.asp">这个链接会改变背景颜色</a></p> <p><a class="ex4" href="index.asp">这个链接会改变字体</a></p> <p><a class="ex5" href="index.asp">这个链接会改变文本装饰</a></p> </body> </html>