How can I add marks at the corners of a block

Design help General
1

I’m currently building my business’s site and in order to match the graphic system I’ve built, I need to add marks at the corners of some blocks. The attached image is an example of what this should look like—the marks in question are the ones around the “client name” and “project description” sections. What’s the best way to go about implementing this?

PolyFrame Invoice
PolyFrame Invoice2550×3300 109 KB

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi, Billy! Welcome to the forum.

I can tell you how I would probably do this, which is to set the main container’s positioning to relative, and then use absolute positioning to fit a tiny Div in each corner with the appropriate borders. Whipped up a quick example for you here.

There are several other ways to go about this using custom code that you can check out here.

Hope this helps!

3

Thanks for the reply Chris. The link to the example you made gives me a 404, but I’ll play around with that idea and see where I can get.

4

Oop, sorry about that! I’ve updated my original post with a new link!

5

Thanks, I’ve got it working on my site perfectly!