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>

  • 相关阅读:
    SEO高手和SEO屌丝的八个区
    【织梦免费模板】防火涂料网站模版
    利用火车头采集A67手机电影教程一
    SEO高级技巧
    .NET代码设计简单规范
    JAVA 和.NET在安全功能的比较
    poi实现excel数据的导入和导出
    eclipse复制bpmn文件到idea下乱码问题处理
    分账接收方与原请求方不一致,微信分账总结
    Java List<T> 去重
  • 原文地址:https://www.cnblogs.com/attilax/p/15196790.html
Copyright © 2011-2022 走看看