如何在HTML中的圖例中指定不同的形狀？

Question

我可以通過使用HTML中的圖例指定背景顏色來創建顏色的圖例。圖例中的每個條目都是矩形形狀。但是，我想要爲HTML中的形狀（例如圓形，橢圓形，三角形等）創建圖例，但我沒有找到指定圖例中的矩形以外的其他形狀的方法。

我想知道是否有一種方法來指定HTML中的圖例中的矩形以外的其他形狀？

任何建議將不勝感激。

非常感謝！

編輯：

使用https://css-tricks.com/examples/ShapesOfCSS/

Answer 1

解決我想你混淆了條件。 HTML形狀是一個圖像地圖，可點擊區域附加到圖像或圖形上。

https://www.w3schools.com/tags/att_area_shape.asp

一般人使用CSS，SVG或圖形圖像在HTML創建形狀。

您可以使用CSS在HTML中使用屬性來創建形狀，以表示正方形，圓形，星形和許多其他形狀。

https://css-tricks.com/examples/ShapesOfCSS/

另一種方法是SVG，您可以創建任何形狀或動畫。 SVG內置了一些形狀，或者您可以創建自己的形狀並根據需要複雜化。例如，你可以使用SVG創建人物像辛普森的圖像（http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg）

https://www.w3schools.com/graphics/svg_rect.asp

好運。