zoukankan      html  css  js  c++  java
  • 仿淘宝首页产品展示橱窗

    <!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 { 760px; height:116px; clear:left;background:#FEF7EC; list-style:
    none;text-align:center;margin:0 auto;}.gallery li { float:left; 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; 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>

  • 相关阅读:
    ES6解构赋值
    ES6中的Symbol类型
    两个列表合并成字典
    python关于列表转为字典的两个小方法
    break、continue和return的使用
    进度条的实现
    md5加密
    dict字典方法
    用户相关的文件、解析以及命令的使用
    linux的根目录
  • 原文地址:https://www.cnblogs.com/itecho/p/1307141.html
Copyright © 2011-2022 走看看