圆角投影线性渐变【CSS3语法学习】

最新推荐文章于 2021-07-21 21:49:12 发布

ZorroYuan

最新推荐文章于 2021-07-21 21:49:12 发布

阅读量661

点赞数

分类专栏： HTML5学习笔记文章标签： HTML5 css3

本文链接：https://blog.csdn.net/Acmerr/article/details/51720476

版权

HTML5学习笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>投影和圆角属性</title>
    <style type="text/css">
         a{
            display: block;
            text-decoration: none;
            border: 5px double;
            color: #ffffff;
            background-color: #484848;
            text-align: center;
            font-size: 28px;
            margin: 5px 5px 9px 5px;
            padding: 15px 0;
            position: relative;
             -moz-border-radius: 25px;
             border-radius: 25px;
             -webkit-box-shadow: 2px 5px  0 0 rgba(72, 72, 72,1);
            text-shadow: 3px 3px 1px rgba(250, 197, 209, 0.27);
        }
       body{
           /*新语法*/
           background-image:  -webkit-linear-gradient(0deg,
            #FF0000,
            #FF6633,
            #FFFF00,
            #00FF00,
            #0000FF,
            #AA00AA
        );

        }

    </style>
</head>
<body>
<aside>
    <a href="..."><HTML5> &{CSS3}</a>
</aside>
</body>
</html>