038.文本阴影和超链接伪类_心得技巧

上一篇: 团队作业5——测试与发布（Alpha... 下一篇:团队作业5——测试与发布（Alpha...

038.文本阴影和超链接伪类

发布时间：2022-06-28 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了038.文本阴影和超链接伪类，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

<!DOCTYPE htML>
<html>
    <head>
        <meta charset="utf-8">
        <tITle>2021-12-6</title>
    </head>
    <style type="text/css">
       /*默认的颜色*/
        a{
            text-decoration: none;
            color: #000000;
        }
        /*鼠标悬浮的颜色*/
        a:hover{
            color: #0000FF;
            font-size: 50px;
        }
        /*鼠标按住未释放的状态*/
        a:active{
            color: #FF0000;
        }
        /*text-shadow: 阴影颜色 水平偏移 垂直偏移 阴影半径*/
        #girl{
            text-shadow: #0000FF 10px 0px 2px;
        }
    </style>
    
    
    <body>
        <a href="#">
            <input type="image" src="../image/pdd_LOGo_v2.png" />
        </a>
        <p>
            <a href="#">姓名：秦亲亲</a>
        </p>
        <p>
            <a href="#">性别：男</a>
        </p>
        <p id="girl">
            爱好：女
        </p>
        
    </body>
</html>