仿淘宝首页产品展示橱窗

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or/
g/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>51du.cn-代码演示专用页面</title>
<style type="text/css">
.gallery { width:760px; height:116px; clear:left;background:#FEF7EC; list-style:
none;text-align:center;margin:0 auto;}.gallery li { float:left; width:78px !impo
rtant; width /**/:80px; height:116px;background-color:#FEF7EC; background-positi
on:center 3px; background-repeat:no-repeat;border:1px #FFDFB2 solid; margin:0 2p
x;}.gallery a { display:block; width:78px; padding-top:85px; }
</style>
</head>

<body>
<ul class="gallery">  <li style="background-image:url(images/temp02.jpg)"><a hre
f="#">SONY液晶狂降1000元</a></li>  <li style="background-image:url(images/temp02
.jpg)"><a href="#">SONY液晶狂降1000元</a></li>  <li style="background-image:url(
images/temp02.jpg)"><a href="#">SONY液晶狂降1000元</a></li>  <li style="backgrou
nd-image:url(images/temp02.jpg)"><a href="#">SONY液晶狂降1000元</a></li>  <li st
yle="background-image:url(images/temp02.jpg)"><a href="#">SONY液晶狂降1000元</a>
</li>  <li style="background-image:url(images/temp02.jpg)"><a href="#">SONY液晶狂
降1000元</a></li>  <li style="background-image:url(images/temp02.jpg)"><a href="
#">SONY液晶狂降1000元</a></li>  <li style="background-image:url(images/temp02.jp
g)"><a href="#">SONY液晶狂降1000元</a></li>  <li style="background-image:url(ima
ges/temp02.jpg)"><a href="#">SONY液晶狂降1000元</a></li></ul>
</body>
</html>

posted @ 2008-10-09 12:18  itecho  阅读(285)  评论(0)  编辑  收藏  举报