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()"表示去掉虚线框

​​ 事例图片​​

在这里插入图片描述

你可能感兴趣的:(开发,web)