首先来张效果图：
这个模版中用了很简短的代码，结构清晰，css属性各自独立，也能很好的继承。
代码如下：
<!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">
body, p { margin:0; padding:0;}
* {font-family: Microsoft YaHei, Tahoma, sans-serif;}
.itemBox { width:840px; min-height:400px; background-color:#8c242d;}
.item { width:180px; height:246px; overflow:hidden; background-color:#fff; padding:10px; float:left; margin:5px;}
.item img { width:180px; height:180px;}
.item h6 { padding:0; margin:4px 0; font-weight:normal; font-size:12px; color:#666; line-height:18px;}
.item p {}
.item p span { display:block; float:left; padding:3px 7px 3px 3px;background-color:#8c242d; font-size:12px; color:#fff;}
.item p a { display:block; float:right; background-color:#e6e6e6; color:#666; font-size:12px; text-decoration:none; padding:3px 6px; text-align:center;}
.clear {content:".";display:block;clear:both;height:0;visibility:hidden;}
</style>
</head>
<body>
<div class="itemBox">
<div class="item">
<img src="/uploads/allimg/130828/2022561960-0.jpg" width="180" height="180" />
<h6>胜伟 床品家纺被芯 玉米单人春秋被子 150*200cm 粉色</h6>
<p><span>￥59.00</span><a href="#">查看详情</a></p>
</div>
<div class="item">
<img src="/uploads/allimg/130828/2022561960-0.jpg" width="180" height="180" />
<h6>胜伟 床品家纺被芯 玉米单人春秋被子 150*200cm 粉色</h6>
<p><span>￥59.00</span><a href="#">查看详情</a></p>
</div>
<div class="item">
<img src="/uploads/allimg/130828/2022561960-0.jpg" width="180" height="180" />
<h6>胜伟 床品家纺被芯 玉米单人春秋被子 150*200cm 粉色</h6>
<p><span>￥59.00</span><a href="#">查看详情</a></p>
</div>
<div class="item">
<img src="/uploads/allimg/130828/2022561960-0.jpg" width="180" height="180" />
<h6>胜伟 床品家纺被芯 玉米单人春秋被子 150*200cm 粉色</h6>
<p><span>￥59.00</span><a href="#">查看详情</a></p>
</div>
<div class="item">
<img src="/uploads/allimg/130828/2022561960-0.jpg" width="180" height="180" />
<h6>胜伟 床品家纺被芯 玉米单人春秋被子 150*200cm 粉色</h6>
<p><span>￥59.00</span><a href="#">查看详情</a></p>
</div>
<div class="item">
<img src="/uploads/allimg/130828/2022561960-0.jpg" width="180" height="180" />
<h6>胜伟 床品家纺被芯 玉米单人春秋被子 150*200cm 粉色</h6>
<p><span>￥59.00</span><a href="#">查看详情</a></p>
</div>
<div class="clear"></div>
</div>
</body>
</html>
这是模版文件的下载地址： 下载模版 也可以直接打开，这是一个html文件。
哈尔滨品用软件有限公司致力于为哈尔滨的中小企业制作大气、美观的优秀网站，并且能够搭建符合百度排名规范的网站基底，使您的网站无需额外费用，即可稳步提升排名至首页。欢迎体验最佳的哈尔滨网站建设。