<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>元旦快乐</title>
<style type="text/css" media="screen">
body{
margin:0px;
padding: 0px;
background-image: url("new_year_1.jpg");
width: 100%;
height: 100%;
background-size: 100%,100%;
z-index: -1;
}
#yuan{
width:500px;
height:500px;
/*background-color: lightskyblue;*/
float: left;
}
#y{
font-family:华文行楷;
font-weight: bold;
font-size: 450px;
color:red;
}
#dan{
width:500px;
height:500px;
/*background-color: lightblue;*/
float:left;
}
#d{
font-family:华文行楷;
font-weight: bold;
font-size: 450px;
color:red;
}
#kuai{
width:650px;
height:650px;
/*background-color:lightcoral ;*/
float:right ;
}
#k{
font-family:华文行楷;
font-weight: bold;
font-size: 450px;
color:red;
}
#le{
width:500px;
height:500px;
/* background-color: lightgoldenrodyellow;*/
float:right;
}
#l{
font-family:华文行楷;
font-weight: bold;
font-size: 450px;
color:red;
}
</style>
</head>
<body>
<div id = "yuan">
<h2 id="y">元</h2>
</div>
<div id = "dan">
<h2 id="d">旦</h2>
</div>
<div id = "kuai">
<h2 id="k">快</h2>
</div>
<div id = "le">
<h2 id="l">乐</h2>
</div>
</body>
</html>