HTML标签 map area的使用

今天学习CSS时候，突然看到了

一、Tips

1、

2、 标签中的 usemap 属性与 map 元素 name 属性相关联，创建图像与映射之间的联系。 中的 usemap 属性可引用 或 name 属性（由浏览器决定），所以我们需要同时向

id 和 name 两个属性。

3、shape是图片上被关联区域的形状。值有default,rect,circ,poly。coords意思是坐标，搭配着shape选定的形状使用。

如果rect，coords=A,b,c,d。a，b是矩形左上角坐标，c，d是右下角坐标。

如果circ，coords=a,b,c 。a，b是圆心坐标。c是半径

4、想看图片坐标值的话，windows上直接点击图片编辑就能有这类功能。

二、代码

这是我自己实践的。

以下是网上找的。

	
		
				
	
	
		
		
		
鼠标移动到上面图片中的区域(区域左边在下面可以找到)，可以显示点击区域的说明。