HTML <area> shape 屬性
實例
帶有可點擊區(qū)域的圖像映射:
<img src ="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<mapname="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.gif">
<area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif">
<area shape="circle" coords="124,58,8" alt="Venus" href="venglobe.gif">
</map>
<mapname="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.gif">
<area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif">
<area shape="circle" coords="124,58,8" alt="Venus" href="venglobe.gif">
</map>
嘗試一下 ?
瀏覽器支持
所有主流瀏覽器都支持 shape 屬性
定義和用法
shape 屬性指定了區(qū)域的形狀。
shape 屬性與 coords 屬性配合,可以規(guī)定區(qū)域的尺寸、形狀和位置。
HTML 4.01 與 HTML5之間的差異
NONE.
語法
<area shape="default|rect|circle|poly">
屬性值
值 | 描述 |
---|---|
default | 規(guī)定全部區(qū)域。 |
rect | 定義矩形區(qū)域。 |
circ | 定義圓形。 |
poly | 定義多邊形區(qū)域。 |
更多建議: