zoukankan      html  css  js  c++  java
  • 网站图片导航栏

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>镜头拉近效果</title>
    <style>
    *{margin:0px;padding:0px;}
    .lod1{1200px; height:320px;border:1px solid #ccc; margin:100px auto;}
    .lod1 li {220px;height:300px;background:red;float:left;margin:10px;}
    .lod1 li p{220px;height:220px;overflow:hidden;} /镜头感
    ul li{list-style:none;}
    ul li img{ transition: .5s}
    ul li img:hover{ transform:scale(1.3)}


    </style>


    </head>
    <body>
    <div class="lod1">
    <ul>
    <li><p>
    <img src="img/1.jpg">
    </p></li>
    <li><p>
    <img src="img/2.jpg">
    </p></li>
    <li><p>
    <img src="img/3.jpg">
    </p></li>
    <li><p>
    <img src="img/4.jpg">
    </p></li>
    <li><p>
    <img src="img/5.jpg">
    </p></li>
    </ul>


    </div>

    </body>
    </html>

  • 相关阅读:
    Redis常见7种使用场景(PHP)
    阻塞式I/O实现简单TCP通信
    telnet客户端程序
    TCP简单回射程序
    getsockname和getpeername函数
    close函数
    TCP时间获取程序
    listen函数
    基本套接字编程
    readline.c
  • 原文地址:https://www.cnblogs.com/jessi/p/4806240.html
Copyright © 2011-2022 走看看