免費AI編程助手
HTML <a> shape 屬性
HTML <a> 標簽實例
在 <a> 元素中使用 shape 和 coords 創(chuàng)建圖像地圖:
<object data="planets.gif" alt="Planets"type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">太陽</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">水星</a>
<a href="venus.htm" shape="circle" coords="124,58,8">金星</a>
</map>
</object>
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">太陽</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">水星</a>
<a href="venus.htm" shape="circle" coords="124,58,8">金星</a>
</map>
</object>
嘗試一下 ?
瀏覽器支持
目前只有Firefox 和 Opera 支持 shape 屬性。
定義和用法
HTML5 不再支持 <a> 標簽的 shape 屬性。
shape 屬性與 coords 屬性配合, 可以規(guī)定 <object>或 <img>元素中鏈接的尺寸、形狀和位置。
提示：：如需創(chuàng)建能夠在所有瀏覽器中運行的圖像映射，請使用 <area> 元素!
語法
<a shape="value">
屬性值
| 值 | 描述 |
|---|---|
| default | 規(guī)定全部區(qū)域。 |
| rect | 定義矩形區(qū)域。 |
| circle | 定義圓形。 |
| poly | 定義多邊形區(qū)域。 |
更多建議：