Highlighted corners on a certain div

Hi There,
i just designed a new website in Figma and now thinking about making every element in webflow.

On some parts i use corner outlines, or small L shapes in the corners (see picture) and was thinking if i can achieve it naturally in webflow.
My backup plan is to import SVG L line and put it in the div block, align it in corners and give it position absolute. But that might be tedious when i have it on multiple divs on page.

maybe it can be achieved in webflow without importing svg?


anybody have a solution?

If you want a solution without SVG’s, I would just create a DIV and add a border on the left and top. Then just position the DIV (with position: absolute;) in the top left corner. Then give the next div a border top and right and position it top right and so on.