如何通过在其上绘制小矩形或正方形来映射html中的图像？

Question

我有一个国家地图的图像。我想点击状态然后转到下一页。如何在每个状态下制作一些小的矩形或正方形或圆圈，这样当我点击它们时它会链接到相应的页面使用html或css ??

Answer 1

HTML中有一个名为Image map的功能，您可以这样使用：

<img src="image.png" alt="Website map" usemap="#mapname" />
<map name="mapname">
    <area shape="rect" coords="9,372,66,397" href="http://en.wikipedia.org/" alt="Wikipedia" title="Wikipedia" >
</map>

如果要添加更多样式和功能，请查看this question。