<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> a{ text-decoration: none; } a:hover{ color: #e39e09; /*鼠标悬浮在该处出现的效果*/ } a:active{ font-size: 50px; /*鼠标点击激活在该处的效果*/ } a:link{ color: aquamarine; /*未访问的链接*/ } a:visited{ color: #2323d9; /*访问过的链接*/ } #id1{ text-shadow: red 10px 10px 10px; /*阴影颜色,水平位移 垂直位移 阴影半径*/ } </style> </head> <body> <a href=""> <img src="../7span/img/apple.png" height="82" width="118"/></a> <p><a href="#"> 这是一些苹果</a></p> <p><a href="#" id="id1"> 十元钱</a></p> </body> </html>
超链接伪类hover
最新推荐文章于 2024-01-15 20:00:00 发布