【代码笔记】Web-CSS-CSS 链接(link)

时间：2024-01-04 09:36:20

一，效果图。

【代码笔记】Web-CSS-CSS 链接(link)

二，代码。

【代码笔记】Web-CSS-CSS 链接(link)
<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>CSS 链接(link)</title>

    <style>

    a:link {

        color: #ff0000;

        text-decoration: none;

        background-color: #b2ff99;

    }

    a:visited {

        color: #00ff00;

        text-decoration: none;

        background-color: #ffff85;

    }

    a:hover {

        color: #ff00ff;

        text-decoration: underline;

        background-color: #ff704d;

    }

    a:active {

        color: #0000ff;

        text-decoration: underline;

        background-color: #ff704d;

    }

    </style>

</head>

<body>

    <p><b><a href="/css" target="_blank">这是一个链接</a></b></p>

</body>

</html>
【代码笔记】Web-CSS-CSS 链接(link)

参考资料：《菜鸟教程》

相关文章