CSS__6__热区

885 阅读1分钟

0、概念

在图片上选中一块区域用来添加超链接等

1、类型

1、分类有矩形,圆形,多边形
2、矩形只用两个对角的坐标
3、圆形只要圆心坐标和半径
4、多边形要按照连接顺序来排坐标

2、实例

<img src="imgs/bg.png" useMap = "#link-map">
<map name = 'link-map'> 
   <area shape="rect" coords="47,307,351,413" href="#"> 
   <area shape="circle" coords="600,600,200" href ="#" alt="Mercury" /> 
   <area shape="poly" coords="0,0,200,0,200,200,100,300,0,200" href="#">
</map> 

 


1、矩形的热区,当点击鼠标右键就可以出现这个选取

 

2、圆心热区

3、多边形热区