电子商务 雏形网站

<style> #zishu{ width:780px; margin-left:auto; margin-right:auto;} .list{width:260px; height:155px; float:left;} .box{ float:left; width:225px;} .box2{ padding:0 5px 0 5px; text-align:left;} #r1{background-position: 0;} #r2{background-position: -19px;} #r3{background-position: -38px;} #r4{background-position: -57px;} #r5{background-position: -76px;} #r6{background-position: -95px;} #r7{background-position: -114px;} #r8{background-position: -133px;} #r9{background-position: -152px;} #t1{background-position: 0px 0px;} #t2{background-position: 0px -5px;} #t3{background-position: 0px -10px;} #t4{background-position: 0px -15px;} #t5{background-position: 0px -20px;} #t6{background-position: 0px -25px;} #t7{background-position: 0px -30px;} #t8{background-position: 0px -35px;} #t9{background-position: 0px -40px;} #y1{background-position: 0px 0px;} #y2{background-position: 0px -18px;} #y3{background-position: 0px -36px;} #y4{background-position: 0px -54px;} #y5{background-position: 0px -72px;} #y6{background-position: 0px -90px;} #y7{background-position: 0px -108px;} #y8{background-position: 0px -126px;} #y9{background-position: 0px -144px;} #u1{border-right: 1px solid #8A8FA0;border-left: 1px solid #8A8FA0;} #u2{border-right: 1px solid #DF4493;border-left: 1px solid #DF4493;} #u3{border-right: 1px solid #3B6DA5;border-left: 1px solid #3B6DA5;} #u4{border-right: 1px solid #AA86CE;border-left: 1px solid #AA86CE;} #u5{border-right: 1px solid #6EA314;border-left: 1px solid #6EA314;} #u6{border-right: 1px solid #C55936;border-left: 1px solid #C55936;} #u7{border-right: 1px solid #FAAD2D;border-left: 1px solid #FAAD2D;} #u8{border-right: 1px solid #86D500;border-left: 1px solid #86D500;} #u9{border-right: 1px solid #2F8A8E;border-left: 1px solid #2F8A8E;} .cd1{background-image:url(img/f2006517215038.gif);background-repeat:no-repeat;cursor:pointer;float:left; width:19px; height:142px;} .ce1{background-image:url(img/s2006517215046.gif);background-repeat:no-repeat;height:5px;overflow:hidden;} .cf1{background:#fafafa;border-top: 0;border-bottom: 0; height:119px;} .cg1{background-image:url(img/32006517215056.gif);background-repeat:no-repeat;height:18px;overflow:hidden;} .l1{width:40px;height:20px;cursor:pointer; margin-left:180px;} </style> <div id="zishu"> <div class="list"> <a href="http://hi.baidu.com/kwunkuklan"><div id="r1" class="cd1"></div></a> <div class="box"> <div id="t1" class="ce1"></div> <div id="u1" class="cf1"> <div class="box2"><a href="http://hi.baidu.com/kwunkuklan">年轻后妈赤身裸体，满足儿子的窥视欲</a></div> </div> <div id="y1" class="cg1"> <a href="http://hi.baidu.com/kwunkuklan"><div class="l1"></div></a> </div> </div> </div> <div class="list"> <a href="http://hi.baidu.com/kwunkuklan"><div id="r2" class="cd1"></div></a> <div class="box"> <div id="t2" class="ce1"></div> <div id="u2" class="cf1"> <div class="box2"><a href="http://hi.baidu.com/kwunkuklan">中国唯一一张太监裸体照（满足大家的好奇心）</a></div> </div> <div id="y2" class="cg1"> <a href="http://hi.baidu.com/kwunkuklan"><div class="l1"></div></a> </div> </div> </div> <div class="list"> <a href="http://hi.baidu.com/kwunkuklan"><div id="r3" class="cd1"></div></a> <div class="box"> <div id="t3" class="ce1"></div> <div id="u3" class="cf1"> <div class="box2"><a href="http://hi.baidu.com/kwunkuklan">30年代震惊法国的最奇异的一张天体照片!</a></div> </div> <div id="y3" class="cg1"> <a href="http://hi.baidu.com/kwunkuklan"><div class="l1"></div></a> </div> </div> </div> <div class="list"> <a href="http://hi.baidu.com/kwunkuklan"><div id="r4" class="cd1"></div></a> <div class="box"> <div id="t4" class="ce1"></div> <div id="u4" class="cf1"> <div class="box2"><a href="http://hi.baidu.com/kwunkuklan">真实的美人鱼(慎入)</a></div> </div> <div id="y4" class="cg1"> <a href="http://hi.baidu.com/kwunkuklan"><div class="l1"></div></a> </div> </div> </div> <div class="list"> <a href="http://hi.baidu.com/kwunkuklan"><div id="r5" class="cd1"></div></a> <div class="box"> <div id="t5" class="ce1"></div> <div id="u5" class="cf1"> <div class="box2"><a href="http://hi.baidu.com/kwunkuklan">荷兰魔术师在白宫前表演空中悬浮特技(图)</a></div> </div> <div id="y5" class="cg1"> <a href="http://hi.baidu.com/kwunkuklan"><div class="l1"></div></a> </div> </div> </div> <div class="list"> <a href="http://hi.baidu.com/kwunkuklan"><div id="r6" class="cd1"></div></a> <div class="box"> <div id="t6" class="ce1"></div> <div id="u6" class="cf1"> <div class="box2"><a href="http://hi.baidu.com/kwunkuklan">无意拍到两女子投河全程</a></div> </div> <div id="y6" class="cg1"> <a href="http://hi.baidu.com/kwunkuklan"><div class="l1"></div></a> </div> </div> </div> <div class="list"> <a href="http://hi.baidu.com/kwunkuklan"><div id="r7" class="cd1"></div></a> <div class="box"> <div id="t7" class="ce1"></div> <div id="u7" class="cf1"> <div class="box2"><a href="http://hi.baidu.com/kwunkuklan">日本美眉制服性诱惑(组图)</a></div> </div> <div id="y7" class="cg1"> <a href="http://hi.baidu.com/kwunkuklan"><div class="l1"></div></a> </div> </div> </div> <div class="list"> <a href="http://hi.baidu.com/kwunkuklan"><div id="r8" class="cd1"></div></a> <div class="box"> <div id="t8" class="ce1"></div> <div id="u8" class="cf1"> <div class="box2"><a href="http://hi.baidu.com/kwunkuklan">揭秘日本艺伎的私密生活 </a></div> </div> <div id="y8" class="cg1"> <a href="http://hi.baidu.com/kwunkuklan"><div class="l1"></div></a> </div> </div> </div> <div class="list"> <a href="http://hi.baidu.com/kwunkuklan"><div id="r9" class="cd1"></div></a> <div class="box"> <div id="t9" class="ce1"></div> <div id="u9" class="cf1"> <div class="box2">这里是内容9</div> </div> <div id="y9" class="cg1"> <a href="http://hi.baidu.com/kwunkuklan"><div class="l1"></div></a> </div> </div> </div> </div>