<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--伪类选择器--> <style> /*默认状态*/ a:link{ color: pink; } /*已访状态*/ a:visited{ color:#ff7300; } /*鼠标悬浮状态 不仅a标签有hover属性 其他标签也有这个属性*/ a:hover{ color: yellow; } /*鼠标按下的状态*/ a:active{ color: #cccccc; } /*一定要按照顺序写 lvha 不然会出现一些问题*/ </style> <title>超链接</title> </head> <body> <a href="https://www.baidu.com/">百度</a> </body> </html>
伪类选择器--超连接样式
最新推荐文章于 2021-10-11 15:54:41 发布