用html给某一区域添加背景,给body添加全屏背景图(backgroung-size:cover),如何给图片上某一个区域添加点击事件,适应各个分辨率...

本文主要介绍了HTML中嵌套在内部定义图像映射区域的相关属性。包括alt规定替代文本,href定义链接目标,target定义打开方式,shape定义区域形状,cooreds定义区域坐标等,还说明了不同shape属性下cooreds属性值的含义。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

嵌套在 内部,定义图像映射中的区域。

alt:规定区域的替代文本。

href:定义了相关区域所连目标。

target:定义了在何处打开目标链接。

_blank:在新窗口打开。

_self:(默认)使得目标文档载入并显示在相同的框架或者窗口中作为源文档。

_parent:在父框架集中打开。

_top:在整个窗口中打开。

shape:定义了相关区域的形状。

default( 默认值):规定全部区域。

rect:矩形区域。

circle:圆形区域。

poly:多边形区域。

cooreds:定义相关区域的坐标。(和 shape 属性搭配使用)

当 shape 属性为 rect 时,代表相关区域为 矩形,cooreds 属性值为 (x1,y1,x2,y2),其中 x1、y1 为左上角的坐标,x2、y2 为右下角的坐标。

当 shape 属性为 circle 时,代表相关区域为 圆形,cooreds 属性值为 (x,y,radius),其中 x、y 为圆形的中心坐标,radius为圆形的半径。

当 shape 属性为 poly 时,代表相关区域为 多边形,cooreds 属性值为 (x1,y1,x2,y2,x3,y3…xn,yn),规定了多边形各个顶点的坐标,由于浏览器会自动闭合多边形,所以尾部坐标不必与第一个坐标相等。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值