为什么我的图片在编辑的网页中显示不出来？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html";charset="utf-8"/>
<title>几米</title>
<style type="text/css">
*{margin:0;padding:0;}
.content{border:4px solid #badbdb;padding:44px 15px 15px;}
.book{backgrounf:url(images/book6.gif)no-repeat #eff9f9;}
img{margin:10px 18px;border:1px solid #b1adad;}
</style>
</head>
<body>
<div class="content book"></div>
<img src="images/book1.jpg" width="80"height="80">
<img src="images/book2.jpg" width="80"height="80">
<img src="images/book3.jpg" width="80"height="80">
<img src="images/book4.jpg" width="80"height="80">
<img src="images/book5.jpg" width="80"height="80">
<div class="content">
</div>
</body>
</html>
