HTML示例02---插入超链接以及超链接颜色设置

最新推荐文章于 2024-04-01 22:40:34 发布

rs勿忘初心

最新推荐文章于 2024-04-01 22:40:34 发布

阅读量1.3w

点赞数 15

文章标签： html 超链接颜色设置

本文链接：https://blog.csdn.net/sinat_33718563/article/details/87460833

版权

前端基本知识点专栏收录该内容

14 篇文章 1 订阅

订阅专栏

这里主要讲了下超链接在不同时刻时候的颜色设置，包括：未访问的链接、已访问的链接、鼠标移动到链接上时的颜色设置

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>简单的HTML文件</title>
    <style type="text/css">
        a:link {color: #00FF00} /* 未访问的链接 */
        a:visited {color: #FF0000} /* 已访问的链接 */
        a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
        a:active {color: #0000FF} /* 选定的链接 */
    </style>
</head>
<body style="background-repeat:no-repeat;
             background-size:cover;
             background-color: #47C4ED;
             color: rebeccapurple;"
      topmargin="100px" leftmargin="50px">
<h1 align="center">HTML5初露端倪</h1>
<hr>
<p>让我们一起体验超炫的HTML5的旅程吧</p>
<span style="font-size: 20px; color: red;">This is some text!</span>
<br>
<a href="https://www.163.com/">访问网易官网</a>
</body>
</html>

观察结果：

（1）访问超链接之前的颜色为浅绿色

（2）访问超链接之后的颜色为红色

（3）鼠标悬浮在链接上的颜色为紫红色

rs勿忘初心

关注

15
点赞
踩
56

收藏

觉得还不错? 一键收藏
打赏
1
评论
HTML示例02---插入超链接以及超链接颜色设置

这里主要讲了下超链接在不同时刻时候的颜色设置，包括：未访问的链接、已访问的链接、鼠标移动到链接上时的颜色设置代码如下：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;简单的HTML文件&lt;/title&
复制链接

扫一扫