这篇文章给大家分享的是有关怎么修改HTML超链接样式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

我们都知道,超链接是用<a></a>标签来显示的。如果我们需要修改样式,则需要通过 CSS 修改它的样式。<a></a>标签的样式还分为四个类型,分别为未访问、已访问、鼠标滑过、点击。

a:link:未被访问的链接

a:visited:已经访问过的链接

a:hover:鼠标滑过链接

a:active:链接被点击

需要注意的是:a:hover 必须在 a:link a:visited 之后,a:active 必须在 a:hover 之后,需要严格按顺序才能看到效果。

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>w3cschool-亿速云,随时随地学编程</title><style>a:link{text-decoration:none;color:blue;}/*未访问的链接显示为蓝色,text-decoration:none将下划线隐藏*/a:visited{color:black;}/*用户已访问过的链接显示黑色*/a:hover{color:pink;}/*鼠标放置在链接上时显示为粉色*/a:active{color:yellow;}/*链接被点击那一刻显示黄色*/</style></head><body><p><b><ahref="/css/"target="_blank">这是一个链接</a></b></p></body></html>

感谢各位的阅读!关于“怎么修改HTML超链接样式”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!