数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会研究
时装研究
法律研究如何在 HTML 中更改链接颜色？
链接是连接一个网页到另一个网页的桥梁。
在网页中添加页面链接。HTML 链接是超链接。 <a> 标记定义超链接，并用于在不同页面之间跳转。href 属性与 <a> 标记一起使用，指出链接的目的地。
要在 HTML 页面中制作页面链接，使用 <a> 和 </a> 标记，其中 href 属性用于定义链接。我们应在 <body>…</body> 标记中使用 <a>…</a> 标记。
链接文本可见。点击链接文本，将导航到指定 URL 地址。
默认情况下，在浏览器的网页上，会按照如下方式显示链接。
未访问的链接有下划线并显示蓝色
已访问的链接有下划线并显示紫色
活动链接加下划线并显示为红色
语法
以下是网页上创建页面链接的语法。
<a href="https://www.Google.com/"> text of the link </a>
我们可以使用样式表更改链接颜色。
示例
以下是使用 CSS 更改链接颜色的示例程序。
<!DOCTYPE html> <html> <head> <style> a:link { color: greenyellow; background-color: transparent; text-decoration: none; } a:visited { color: deepskyblue; background-color: transparent; text-decoration: none; } a:active { color: yellow; background-color: transparent; } </style> </head> <body> <a href="https://www.youtube.com/watch?v=qz0aGYrrlhU" >HTML Tutorial</a> </body> </html>
我们已将未访问链接的链接颜色更改为亮绿色。
我们已将已访问链接的链接颜色更改为深天蓝色，并将活动链接颜色更改为黄色。
示例
以下是使用 CSS 更改链接颜色的另一个示例程序。
<!DOCTYPE html> <html> <head> <title>HTML Link Color</title> </head> <body> <h2>About</h2> <p> Our <a href="/about/about_team.htm" style="color: red">Team</a> comprises of programmers, writers, and analysts. </p> </body> </html>
示例
以下是使用 CSS 更改链接颜色的另一个示例程序。
<!DOCTYPE html> <html> <head> <title>How to link pages using absolute URL in HTML?</title> <style> a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: underline; } </style> </head> <body> <h2>Click the link below to redirect to facebook login page</h2> <a href="https://#/login/">facebook login</a> </body> </html>
将鼠标悬停在链接上后，它将更改样式。
更新于： 2023 年 9 月 6 日
39K+ 浏览
广告