iT邦幫忙

1

[HTML]在不切版的情況下,圖片型電子報要如何在上面增加按鈕?

  • 分享至 

  • xImage
  •  

雖然gmail不支援,但是還是記下來以備不時之需。

由於公司有圖片型電子報的需求,所以看到了這個Html標籤

用法如下:

<img src="圖片網址" border="0" useMap="#picture" alt="這是圖片"> 
//幫圖片加上useMap,並且指向map區段的name參數

<map name="picture">
//用map把area包起來
<area shap=polygon coords=x,y,x,y,x,y href=連結網址>
//多邊形,座標點與數量自由設定(越多xy越多邊)
<area shap=rect coords=x,y,x,y href=連結網址>
//矩形,第一組是左上,第二組是右下
<area shap=polygon coords=x,y,半徑 href=連結網址>
//圓形,第一組是圓心,再來就是要設定半徑
</map>

參考資料
https://www.w3school.com.cn/tags/tag_area.asp
https://blog.xuite.net/dizzy03/murmur/46765013


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言