如何在HTML中的图例中指定不同的形状?

时间:2017-05-22 23:00:43

标签: html legend

我可以使用HTML中的图例指定背景颜色来创建颜色图例。图例中的每个条目都是矩形。

但是,我想在HTML中创建形状的图例(例如圆形,椭圆形,三角形等),但我没有找到一种方法来指定图例中除矩形之外的其他形状。

我想知道是否有办法在HTML中的图例中指定除矩形之外的其他形状?

任何建议都将不胜感激。

非常感谢!

编辑:

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

解决

1 个答案:

答案 0 :(得分:0)

我认为你正在混淆条款。 HTML形状是图像映射,可点击区域附加到图像或图形。

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

通常人们使用CSS,SVG或图形图像来创建HTML格式。

您可以使用CSS在HTML中创建形状,使用属性来表示方形,圆形,星形和许多其他形状。

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

另一种选择是SVG,您可以在其中创建任何形状或动画。 SVG内置了一些形状,或者您可以创建自己的形状,并根据需要复杂化。例如,您可以使用SVG创建像Homer Simpson(http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg

这样的角色图像

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

祝你好运。