渐变 - Newbie_小白

渐变

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        #div1 {
            width: 200px;
            height: 200px;
            border: 1px #333 solid;
            background: linear-gradient(top, red, yellow);
            background: -webkit-linear-gradient(top, red, yellow);
            /*chrome safari*/
            background: -moz-linear-gradient(top, red, yellow);
            /*firefox*/
            background: -ms-linear-gradient(top, red, yellow);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=red, endColorstr=yellow)";
        + background : #ff7a00;
            /*ie*/
            background: -o-linear-gradient(top, red, yellow);
            /*opera*/

        }
    </style>
</head>
<body>
<div id="div1"></div>
</body>
</html>

posted on 2016-06-04 14:55 Newbie_小白阅读(141) 评论(0) 编辑收藏举报