本文是关于CSS中map标签的使用教程，通过示例解释如何利用map标签和area标签在图像上创建可点击的多个热点区域。详细介绍了圆形、矩形和多边形的坐标设置方法。
来源：js中图片点击区域的实现 - javascript - SegmentFault
map标签
定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。
area元素永远嵌套在map元素内部。area元素可定义图像映射中的区域。img标签中的usemap属性可引用的map标签中的id或name属性（取决于浏览器），所以我们应同时向map标签添加id和name属性。
示例
例如我们想在下面一张图实现九个热点区域，不切图，就使用map标签。
首先用 ps 得到几个坐标：
然后代码实现：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
