css - 如何创建于一个多边形，且能改变它的边框样式？

Question

想在网页上创建这么一个多边形，里面放置文字和图片。
要求是鼠标滑入，边框改变样式，且能和其他多个多边形相互拼接。
我尝试了能找到的多个方法，都无法实现。
新人刚入坑，请教各位dalao有什么好的方法可以实现这种要求？

Answer 1

謝謝各位，我找到自己想要的了。使用CSS Shape，可以製作任意圖形的佈局效果。

Answer 2

可以嘗試繪製向量圖 推薦一個函式庫rapheal

Answer 3

可以學一下canvs

Answer 4

我覺得可以用transform的3d變換來做類似效果。這樣應該是最簡單的。但是可能不太容易完全做到你圖中的效果，因為你的圖形不太符合透視。 。 。