提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

css文本阴影和超链接伪类

CSS 文本 阴影 超链接 伪类
2023-09-11 14:19:16 时间

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*默认颜色*/
        a{
            text-decoration: none;
            color: #000000;
        }
        /*鼠标悬浮颜色*/
        a:hover{
            color: orange;
        }
        /*鼠标按下颜色*/
        a:active{
            color: cyan;
        }
        /*阴影，x轴 y轴 阴影半径*/
        #price{
            text-shadow: #994343 10px 10px 2px;
        }
    </style>
</head>
<body>
    <a href="">
        <img src="images/1.jpg">
    </a>
<p>
    <a href="#">星空书籍</a>
</p>
<p>
    <a href="#">作者：liner</a>
</p>
<p id="price">
    价格：￥99
</p>
</body>
</html>

/*默认颜色*/
        a{
            text-decoration: none;
            color: #000000;
        }

/*鼠标悬浮颜色*/
        a:hover{
            color: orange;
        }
 /*鼠标按下颜色*/
        a:active{
            color: cyan;
        }

 /*阴影，x轴 y轴 阴影半径*/
        #price{
            text-shadow: #994343 10px 10px 2px;
        }

相关文章