首页前端开发CSS怎么用CSS设置动态超链接(附代码)

怎么用CSS设置动态超链接(附代码)

时间2024-05-21 02:06:03发布访客分类CSS浏览91
导读:HTML中,超链接是通过标记实现的,具体的地址使用标记的href属性。 ali的博客 默认的情况下,浏览中的超链接统一为蓝色并且有下划线,点击过后的超链接则为紫色,而且也有下划线。 CSS可以设置超链接的各种属性,比如字体、颜色...
HTML中,超链接是通过标记实现的,具体的地址使用标记的href属性。 ali的博客 默认的情况下,浏览中的超链接统一为蓝色并且有下划线,点击过后的超链接则为紫色,而且也有下划线。 CSS可以设置超链接的各种属性,比如字体、颜色和背景等等,而且,可以通过伪类别制作很多动态效果。 首先,去掉超链接的下划线: a{ text-decoration:none; } 此时,无论是超链接本身,还是点击过的超链接下划线都去掉了。 CSS的伪类别——AnchorPseudoClasses,使用伪类别制作动态下过,具体的属性如下: A:link——超链接的普通样式,正常浏览器中的样式。 A:visited——点击过的超链接的样式。 A:hover——鼠标指针经过超链接上时的样式。 A:active——在超链接上单击时,即当前激活时,超链接的样式。 首页 心情日记 Free 一起走到 从明天起 纸飞机 下一站 可以看出,超链接本身都是深蓝色,没有下划线,点击过后变成了黑色也没有下划线,当鼠标指针经过时,超链接变成了黄色,而且有下划线。 此外,各种背景、边框和排版的效果都可以加入到超链接的几个伪属性中,当前激活状态a:active,一般显示的情况非常少,很少使用。 当用户单击一个超链接之后,焦点很容易就会转移到其他地方,比如新打开的窗口等,此时,超链接就不是当前激活状态了。









本文转载自中文网

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 怎么用CSS设置动态超链接(附代码)
本文地址: https://pptw.com/jishu/664556.html
如何用CSS设置段落的垂直对齐 外贸vps推荐

游客 回复需填写必要信息