How to add shapes to corners of a div border?

Hey, does anyone know how I could add shapes, specifically squares, to the corners of a div block border?

Like this:

or this:

create wrapper relative div and put inside four divs “box”.

Set each box position to absolute.
In your case not 0 0 but -5px for example (The box is a little outside of the wrapper).

1 Like

Thank you! That is exactly what I was looking for!

You’re awesome :pray: :handshake:

1 Like