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

2021/12/6 6:17:07

本文主要是介绍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.文本阴影和超链接伪类的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程