其他分享
首页 > 其他分享> > CSS文本阴影和超链接伪类

CSS文本阴影和超链接伪类

作者：互联网

    <style>
        /*默认的颜色*/
        a{
            text-decoration: none;
            color: #b1be7d;
        }
        /*鼠标悬浮的状态（只需要记住hover）*/
        a.hover{
            color: #be3bbd;
            font-size: 50px;
        }
        /*鼠标按住未释放的状态*/
        a.active{
            color: #be2256;
        }
        a.visted{
            color: #16be78;
        }
        /*text-shadow:阴影颜色 水平偏移 垂直偏移 阴影半径*/
        #price{
            text-shadow: #2d1dbe;
        }

    </style>
</head>
<body>
<a href="" class=" price">
    <img src="image/10.jpg" alt="">
</a>
<p>
    <a href="">哭出强大</a>
</p>
<p>
    <a href="">作者：哈哈哈</a>
</p>
<p>
    <a href="">& 99</a>
</p>

 

标签：hover,伪类,color,text,阴影,偏移,超链接,shadow,CSS
来源： https://www.cnblogs.com/weixiaoafanda/p/15868304.html