06线性渐变.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style type="text/css">
        	
        	 .box {
				 width: 400px;
				 height: 400px;
				 /* 线性渐变 */
				 background-image: linear-gradient(
                    90deg,
                    red,
                    green
				 	/* 渐变的方向：从左向右 */
				    /* to bottom, */
                    /* 渐变的开始颜色 */
                    /* red, */
                    /* 渐变的结束颜色 */
                    /* green */
				 );
        	 }
        </style>
    </head>
    <body>

    		<div class="box"></div>
    </body>
</html>