HTML <area> shape 属性
HTML <area> shape 属性指定了区域的形状
shape 属性与 coords 属性配合,可以设置区域的尺寸、形状和位置
语法
<area shape="default|rect|circle|poly">
属性值
值 | 描述 |
---|---|
default | 设置全部区域 |
rect | 定义矩形区域 |
circ | 定义圆形 |
poly | 定义多边形区域 |
浏览器支持
所有主流浏览器都支持 shape 属性
范例
带有可点击区域的图像映射
<img src ="/static/i/img1.jpg" width="145" height="126" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="/static/i/html/sun.html" alt="Sun"> <area shape="circle" coords="90,58,3" href="/static/i/html/sun2.html" alt="Mercury"> <area shape="circle" coords="124,58,8" href="/static/i/html/sun3.html" alt="Venus"> </map>