本篇文章给大家带来的内容是关于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写法】超链接样式_html/css_WEB-ITnose
CSS如何实现超链接背景切换_html/css_WEB-ITnose
以上是css怎么设置超链接?css超链接样式的设置方法的详细内容。更多信息请关注PHP中文网其他相关文章!