HTML에서 범례에 다른 모양을 지정하는 방법은 무엇입니까?

Question

HTML에서 범례를 사용하여 배경색을 지정하여 색상 범례를 만들 수 있습니다. 범례의 각 항목은 직사각형 형태입니다.

그러나 HTML에서 모양 (예 : 원, 타원, 삼각형 등)에 대한 범례를 만들고 싶지만 범례에서 사각형 이외의 다른 모양을 지정하는 방법을 찾지 못했습니다.

HTML의 범례에있는 사각형 이외의 다른 모양을 지정하는 방법이 있는지 궁금합니다.

의견을 보내 주시면 대단히 감사하겠습니다.

감사합니다.

편집 :

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

Answer 1

를 사용하여 해결은 당신이 용어를 혼합하고 생각합니다. HTML 도형은 이미지 맵 또는 클릭 할 수있는 영역이 이미지 또는 그래픽에 첨부 된 이미지 맵입니다.

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

일반적으로 사람들은 HTML에서 도형을 만들 CSS, SVG 또는 그래픽 이미지를 사용합니다.

CSS를 사용하여 사각형, 원, 별 및 기타 여러 모양을 나타내는 속성을 사용하여 HTML로 모양을 만들 수 있습니다.

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

또 다른 대안은 어떤 모양이나 애니메이션을 만들 수 있습니다 SVG입니다. SVG는 어떤 모양이 내장되어 있거나 자신 만의 모양을 만들고 필요할 때 복잡 할 수 있습니다. 예를 들어, 당신은 호머 심슨과 같은 캐릭터의 이미지 (http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg)

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

행운을 만들 SVG를 사용할 수 있습니다.