CSS文本阴影和超链接伪类

2022-02-07 16:33:07 阅读：173 来源： 互联网

标签：hover 伪类 color text 阴影偏移超链接 shadow 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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

CSS文本阴影和超链接伪类