html/css中map和area的应用

2019-09-17 09:59:41来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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/p/11521676.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:前端开发 — HTML

下一篇:swiper插件在ie浏览器无反应,解决办法