下面的代码显示的是image1中的图像,它的边上似乎有一个小边框,而不是在页面的最左边和顶部。谁能帮帮我怎么办?提前谢谢。
<html>
<head>
<style>
body {
background-image: url('images/main.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
border-style: none;
}
.container {
width: 100%;
height: 100%;
}
.image1 {
background-image: url('images/freero1.png');
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="container">
<div class="image1">
</div>
</div>
</body>
</html>