CSS_img标签usemap属性图片中选择区域加入超链接

时间:2024-01-17 12:27:26

例子:

<IMG usemap="#Map" alt="" src="/images/banbian.jpg">
<map name="Map" id="Map">
<area shape="rect" coords="200,50,300,70" href="/swt/" />
<area shape="rect" coords="180,100,220,120" href="/swt/" />
</map>

usemap是img标签的一个属性,usemap=“#Map”表示和id为Map的map相关联,其中area 标记的 的shape=“rect” 表示区域为矩形,coords=“第一个点坐标x,第一个点坐标x,

第二个点坐标x,第二个点坐标y”,

坐标长度为像素,坐标原点为图片的左上角。

这样可以做到不用图片中选择区域加入超链接