ibcadmin 发表于 2019-9-17 11:29:54

html/css中map和area的应用

一、使用方法:
由于map标签是与img标签绑定使用的,以是我们需要给map标签添加ID和name属性,让img标签中的usemap属性引用map标签中的id或者name属性(由于欣赏器的差别,usemap属性接收二者之一的值,以是通常name和id属性二者都写,值雷同),并共同area标签举行使用。
比方:
1、我们先插入一张图片,并与map连接好



2、然后用area设置地区



其中的属性:shape是外形,coords是坐标。
得到的效果图是:



点击蓝色线圈位置就能跳转链接的网址。
外形的属性circle是圆形;坐标的前两位数是圆心的位置,后一位是半径。



外形的属性rectangle是矩形;坐标前两位数是一个角的位置,后两位是对角的位置。


外形的属性poly是多边形;坐标是每一对数就是一个角的位置。









来源:https://www.cnblogs.com/qxz17760485467/archive/2019/09/15/11521676.html
页: [1]
查看完整版本: html/css中map和area的应用