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

Question

我有一个国家 map 的图像。我想点击一个州并转到下一页。我怎样才能在每个州上制作一些小矩形或正方形或圆形，以便当我点击它们时它链接到相应的使用 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如果您想添加更多样式和功能。