Home/ Questions/Q 8463621
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T14:30:25+00:00

How to make them in HTML or CSS? For example: http://draw.to/D11KGJr I’ve heard about

  • 0

How to make them in HTML or CSS?

For example:
http://draw.to/D11KGJr

I’ve heard about the map tag, but it seems it only generates an invisible clickable area, on which you can’t apply CSS properties, like border or background.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Besides using CSS 3 techniques as the others proposed, you could also embed SVG in your HTML document.

    jsFiddle

    <!doctype html>
<html>
  <!-- <head> ... -->
  <body>
    Taken from <a href="http://commons.wikimedia.org/wiki/File:SVG_example7.svg?uselang=de">http://commons.wikimedia.org/wiki/File:SVG_example7.svg?uselang=de</a>, thanks to <a href="http://commons.wikimedia.org/wiki/User_talk:Sarang?uselang=de">Sarang</a>!
    <hr />
    <svg xmlns="http://www.w3.org/2000/svg" width="304" height="290">
      <path d="M2,111h300 l-242.7,176.3 92.7-285.3 92.7,285.3z" fill="#FB2" stroke="#B00" stroke-width="4" stroke-linejoin="round"/>
    </svg>
  </body>
</html>
    • 0