<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<style type="text/css" media="screen" id="test">
div{
width:600px;
height:600px;
border: 1px solid #999;
background-position:center;
background-repeat:no-repeat;
}
.test1{
background-color:#DDD;
background-image:url("1.jpg");
float:left;
}
.test2{
background-image:url("2.png");
/*知识点*/
background-size:50% 50%;
float:left;
}
.test3{
background-image:url(3.jpg);
float:right;
}
</style>
</head>
<body>
<div id="test" class="test1">
</div>
<div id="test" class="test2">
</div>
<div id="test" class="test3">
</div>
</body>
</html>
