<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>几米的书</title>
<style type="text/css">
*{margin:0;padding:0}<!--代码初始化 -->
#header{width:100%;height:200px;border:1px solid red;}
#mainbody{width:100%;height:200px;border:1px solid yellow;}
#footer{width:100%;height:200px;border:1px solid green;}
.content{border:4px solid #badbdb;padding:34px 15px 15px;width:770px}
.book{background:url(file:///E|/flash%E7%B4%A0%E6%9D%90/400%E4%B8%AA%E9%AB%98%E6%B8%85%E8%83%8C%E6%99%AF/1.jpg)no-repeat #0F9}
img{margin:10px 18px;border:1px solid #red}
</style>
</head>
<body>
<div id="header"></div><!--id选择器有唯一性 -->
<div id="mainbody">
<div class="content book"><!-- 追加样式book-->
<img src="file:///E|/图片/桌面壁纸/2fdda3cc7cd98d1043500190213fb80e7aec908e.jpg" width="80" height="80" />
<img src="file:///E|/图片/桌面壁纸/3UB7H5XFR403_1280x1024.jpg" width="80" height="80" />
<img src="file:///E|/图片/桌面壁纸/51b3eda827993.jpg" width="80" height="80" />
<img src="file:///E|/图片/桌面壁纸/96c4d41ebdabb52d56a82de3e6c0844c.jpg" width="80" height="80" /><img src="file:///E|/图片/桌面壁纸/51c5338f46a36.jpg" width="80" height="80" />
</div>
</div>
<div id="footer"></div>
</body>
</html>