html - 在html中画线

Question

我怎样才能在 Html 中画出这样的东西？

标签： html

Answer 1

<svg height="210" width="500">
   <line x1="0" y1="100" x2="200" y2="100" style="stroke:rgb(255,0,0);stroke-width:2" />
   <line x1="200" y1="50" x2="200" y2="150" style="stroke:rgb(255,250,0);stroke-width:2" />
   <line x1="200" y1="50" x2="300" y2="50" style="stroke:rgb(255,0,0);stroke-width:2" />
   <line x1="200" y1="150" x2="300" y2="150" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>