代码简介：
采用CSS结合部分图片实现的漂亮实用的中国地图，相信这个地图能帮到你，运行一下，您就知道了。
代码内容：
View Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-
19991224/loose.dtd">
<HTML
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>【赞】用CSS打造的中国地图 - www.webdm.cn</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META
content=地图。
name=description>
<META content=地图 name=keywords><LINK
href="http://www.webdm.cn/images/20091030/yi_base.css" type=text/css rel=stylesheet><LINK
href="http://www.webdm.cn/images/20091030/yi_index.css" type=text/css rel=stylesheet>
<META content="MSHTML 6.00.2900.3132" name=GENERATOR></HEAD>
<BODY>
<DIV id=wrapper><!-- header end-->
<DIV id=main>
<DIV id=map>
<H1 style="FONT-SIZE: 14px; MARGIN: 90px 0px 0px 210px">请先选择您MJJ所在的城市：</H1>
<H1 class=mapl style="MARGIN: 162px 0px 0px 396px"><A
style="FONT-WEIGHT: bold; COLOR: #ff0000"
href="#">北京 </A></H1>
<H1 class=mapl style="MARGIN: 110px 0px 0px 465px"><A
href="#">长春 </A></H1>
<H1 class=mapr style="MARGIN: 165px 0px 0px 305px"><A
href="#">呼和浩特 </A></H1>
<H1 class=mapr style="MARGIN: 293px 0px 0px 255px"><A
href="#">成都 </A></H1>
<H1 class=mapr style="MARGIN: 285px 0px 0px 300px"><A
href="#">重庆 </A></H1>
<H1 class=mapl style="MARGIN: 154px 0px 0px 439px"><A
href="#">大连 </A></H1>
<H1 class=mapr style="MARGIN: 370px 0px 0px 366px"><A
href="#">广州 </A></H1>
<H1 class=mapl style="MARGIN: 338px 0px 0px 305px"><A
href="#">贵阳 </A></H1>
<H1 class=mapl style="MARGIN: 420px 0px 0px 342px"><A
href="#">海口 </A></H1>
<H1 class=mapl style="MARGIN: 79px 0px 0px 489px"><A
href="#">哈尔滨 </A></H1>
<H1 class=mapl style="MARGIN: 296px 0px 0px 445px"><A
href="#">杭州 </A></H1>
<H1 class=mapr style="MARGIN: 261px 0px 0px 393px"><A
href="#">合肥 </A></H1>
<H1 class=mapr style="MARGIN: 206px 0px 0px 383px"><A
href="#">济南 </A></H1>
<H1 class=mapr style="MARGIN: 359px 0px 0px 237px"><A
href="#">昆明 </A></H1>
<H1 class=mapr style="MARGIN: 222px 0px 0px 264px"><A
href="#">兰州 </A></H1>
<H1 class=mapr style="Z-INDEX: 100; MARGIN: 250px 0px 0px 342px"><A
href="#">洛阳 </A></H1>
<H1 class=mapl style="MARGIN: 317px 0px 0px 360px"><A
href="#">长沙</A></H1>
<H1 class=mapl style="MARGIN: 317px 0px 0px 405px"><A
href="#">南昌 </A></H1>
<H1 class=mapl style="MARGIN: 255px 0px 0px 430px"><A
href="#">南京 </A></H1>
<H1 class=mapl style="MARGIN: 229px 0px 0px 418px"><A
href="#">徐州 </A></H1>
<H1 class=mapl style="MARGIN: 214px 0px 0px 433px"><A
href="#">青岛 </A></H1>
<H1 class=mapl style="Z-INDEX: 99; MARGIN: 366px 0px 0px 400px"><A
href="#">汕头 </A></H1>
<H1 class=mapl style="MARGIN: 280px 0px 0px 458px"><A
style="FONT-WEIGHT: bold; COLOR: #ff0000"
href="#">上海 </A></H1>
<H1 class=mapl style="MARGIN: 383px 0px 0px 392px"><A
href="#">深圳 </A></H1>
<H1 class=mapr style="MARGIN: 138px 0px 0px 433px"><A
href="#">沈阳 </A></H1>
<H1 class=mapr style="MARGIN: 191px 0px 0px 355px"><A
href="#">石家庄 </A></H1>
<H1 class=mapl style="MARGIN: 270px 0px 0px 430px"><A
href="#">无锡 </A></H1>
<H1 class=mapr style="MARGIN: 272px 0px 0px 390px"><A
href="#">马鞍山 </A></H1>
<H1 class=mapr style="MARGIN: 204px 0px 0px 338px"><A
href="#">太原 </A></H1>
<H1 class=mapl style="MARGIN: 176px 0px 0px 408px"><A
href="#">天津 </A></H1>
<H1 class=mapl style="MARGIN: 115px 0px 0px 145px"><A
href="#">乌鲁木齐 </A></H1>
<H1 class=mapr style="MARGIN: 277px 0px 0px 357px"><A
href="#">武汉 </A></H1>
<H1 class=mapr style="MARGIN: 263px 0px 0px 347px"><A
href="#">南阳 </A></H1>
<H1 class=mapr style="MARGIN: 238px 0px 0px 314px"><A
href="#">西安 </A></H1>
<H1 class=mapl style="MARGIN: 353px 0px 0px 424px"><A
href="#">厦门 </A></H1>
<H1 class=mapl style="MARGIN: 189px 0px 0px 438px"><A
href="#">烟台 </A></H1>
<H1 class=mapl style="MARGIN: 235px 0px 0px 377px"><A
href="#">郑州 </A></H1>
<H1 class=mapr style="MARGIN: 225px 0px 0px 350px"><A
href="#">焦作 </A></H1>
<H1 class=mapr style="MARGIN: 383px 0px 0px 355px"><A
href="#">珠海 </A></H1>
<H1 class=mapl style="MARGIN: 200px 0px 0px 415px"><A
href="#">淄博 </A></H1>
<H1 class=mapl style="MARGIN: 335px 0px 0px 435px"><A
href="#">福州 </A></H1>
<H1 class=mapl style="MARGIN: 375px 0px 0px 315px"><A
href="#">南宁 </A></H1></DIV>
</DIV>
</DIV>
<!-- w end--></BODY></HTML>
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码！</p>
代码来自：http://www.webdm.cn/webcode/b1127e04-4780-469b-96bf-a3b4d65c10a6.html