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>