css图片热点链接的设置

图片热点链接的设置

需要用到三种标签img，map，area。

img标签下是map标签，map标签里面是area标签img标签里面必须有usemap属性，值等于map标签的#id或.classarea标签的shape属性：定义热点形状

（1） shape=rect： 矩形
（2）shape=circle：圆形
（3）shape=poly： 多边形

area标签的coords属性
a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标例：
b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度例：
c.任意图形（多边形）：将图形之每一转折点座标依序填入例：5.area标签的onFocus="this.blur()"表示去掉虚线框

​​ 事例图片​​