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>

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

 

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

 

上一篇:linux sort 命令


下一篇:Markdown标记语言之Typora的基础使用