css3-私有化前缀（兼容问题）

最新推荐文章于 2024-02-24 09:41:52 发布

约德尔蒙

最新推荐文章于 2024-02-24 09:41:52 发布

阅读量926

点赞数

分类专栏： CSS3

本文链接：https://blog.csdn.net/gyq04551/article/details/53263912

版权

CSS3 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .box{
            width: 1100px;
            height: 200px;
            border: 1px solid #000;
            margin:100px auto;

            /* 背景渐变*/
            /*
                -webkit-： chrome  safari  谷歌(webkit内核的) 苹果
                -moz-：火狐
                -ms-:ie
                -o-:　欧朋
            */
                /*各个浏览器颜色兼容写法*/
            background: -ms-linear-gradient(left,red 0%, green 100%);
            background: -webkit-linear-gradient(left,red 0%, yellow 50%, green 100%);
            background: -moz-linear-gradient(left,red 0%, green 100%);
            background: -o-linear-gradient(left,red 0%, green 100%);
            background: linear-gradient(left,red 0%, green 100%);
        }
    </style>
</head>
<body>
    <div class="box"></div>
</body>
</html>