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

最新推荐文章于 2024-08-23 18:41:09 发布

rs勿忘初心

最新推荐文章于 2024-08-23 18:41:09 发布

阅读量1.4w

点赞数 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>