#html 背景对联效果-恭贺新年

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>>背景对联效果-恭贺新年</title>
    <style type="text/css">
        .box-big{
        		height:927px;
        		background:url(../images/left.jpg) top left no-repeat;
                }
        .box-two{
        		height:927px;
        		background:url(../images/right.jpg) top right no-repeat;
        	}
        .box-three{
        		height:927px;
        		background:url(../images/top.jpg) top center no-repeat;
        	}
        .box-four{
        		height:927px;
        		background:url(../images/bottom.jpg) center center no-repeat;
        	}
        	</style>
</head>
<body>
    <div class="box-big">
        	<div class="box-two">
        	    	<div class="box-three">
    	        	    <div class="box-four"></div>
        	        </div>
            </div>
    </div>

</body>
</html>

云盘下载

点赞

发表评论