css如何设置超链接
这篇文章主要介绍css如何设置超链接,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
1、简单超链接
box.html
<!doctype html><html><head> <mate charset="utf-8"> <title>超链接</title> <link href="link.css" type="text/css" rel="stylesheet"></head><body> <p> <a href="#" class="link">首页</a> </p></body></html>
link.css
a.link{ text-decoration:none; font-size:23px; display:black; }
2、伪类:某一个属性的某一个状态;
超链接的4种状态:
link(未被访问时的状态);
visited(用户已访问的状态);
hover(鼠标经过时的状态);
active(鼠标点击时状态);
link.css
a:link{ font-size:41px; color:black; text-decoration: none; } a:visited{ font-size:23px; color:pink; background-color: pink; } a:hover{ font-size: 34px; color:green; background-color: #123456; } a:active{ color:blue; font-size: 60px; background-color: #498544; }
以上是css如何设置超链接的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!