CSS_img標籤usemap屬性圖片中選擇區域加入超連接

例子:spa

<IMG usemap="#Map" alt="" src="/images/banbian.jpg">
        <map name="Map" id="Map">
         <area shape="rect" coords="200,50,300,70" href="/swt/" />
         <area shape="rect" coords="180,100,220,120" href="/swt/" />
         </map>

usemap是img標籤的一個屬性,usemap=「#Map」表示和id爲Map的map相關聯,其中area 標記的 的shape=「rect」 表示區域爲矩形,coords=「第一個點座標x,第一個點座標x,code

第二個點座標x,第二個點座標y」,blog

座標長度爲像素,座標原點爲圖片的左上角。圖片

這樣能夠作到不用圖片中選擇區域加入超連接class

相關文章
相關標籤/搜索