zoukankan      html  css  js  c++  java
  • Atitit img hot click link 图像背景拉伸100%Map area trouble..So body backgrd img mode...is easy...No

    Atitit img hot click link 图像背景拉伸100%

    Map area  trouble..

    So body backgrd img mode...is easy...

    Note,,,use relate witdh and height ...

    Margin left ,top etc...

    First ver layout,use div。。

    Then per line,,use A tag ,,dispaoy inline-block to layount

    <!DOCTYPE html>

    <html>

    <head>

    <title>..</title>

    </head>

    <body background="" style=" background-repeat:no-repeat;  background:url(h5_搜索.jpg);  background-size: cover;  background-repeat:no-repeat "  >

    <!--  background-color: green; -->

    <div style="   margin-left: 16vw; margin-top: 20vh; ">  

    <div>

    <a style="100%;  height: 5vh; display:  block;    "  href="http://hxc888.net" target="_blank"></a>

     <a style="100%;  height: 5vh;    display:  block;  margin-left: 30px;   "  href="http://hxc888.net" target="_blank"></a>

     </div>

     <div style="

        margin-top: 8vh;  height: 7vh;  margin-bottom: 9vh; ">

     <a style=" 25vw;

        height: 100%;

        display: inline-block;

         "  href="http://hxc888.net" target="_blank"></a>

     <a style=" 25vw;

       height: 100%;

        display: inline-block;

        margin-left: 10px;

          "  href="http://hxc123.net" target="_blank"></a>

     </div>

    <div  style="

        height: 5vh; ">

     <a style="25vw;   display: inline-block;    height: 100%;  "  href="http://hxc888.cc" target="_blank"></a>

     <a style="25vw;   display: inline-block;   height: 100%;  "  href="http://hxc888.vip" target="_blank"></a> </div>

     </div>

    </body>

    </html>

  • 相关阅读:
    Twitter Storm安装配置(Ubuntu系统)单机版
    Ubuntu下安装配置JDK1.7
    JS性能优化
    JavaScript禁用页面刷新
    pomelo获取客户端IP
    MySQL数据库工具类之——DataTable批量加入MySQL数据库(Net版)
    MySQL5.6忘记root密码(win平台)
    清空文件下的SVN控制文件
    Windows平台搭建NodeJs开发环境以及HelloWorld展示—图解
    Unity3D默认的快捷键
  • 原文地址:https://www.cnblogs.com/attilax/p/15196790.html
Copyright © 2011-2022 走看看