How do I fix my border

HTML-CSS
1

I don’t know how to fix it, i’m trying to use a png as a border but the background is behind the png in the border, it’s hard to describe. Only the lace should be there. Thank you if you can help!

#boxi {
Width:700px;
height:550px;
background-image:url(“https://i.pinimg.com/736x/84/99/c5/8499c5d13cb8673cffbd114c52466084.jpg”);
box-shadow: 20px 20px 30px white;
border-image:
url(https://img1.picmix.com/output/stamp/normal/8/9/9/0/2640998_884c6.png) 95 round;
border-width:50px;
border-style: solid;
padding:20px;
}

Screenshot 2026-03-03 15.46.28
Screenshot 2026-03-03 15.46.28489×334 51.5 KB

2

can you provide an example of your issue in a codepen or something like that? we can’t reproduce the issue with just the CSS

4

I do not see the issue you describe there, make sure to save the code, I see only the boilerplate code

5

I think it should be saved now at least..

6

image
image1528×239 13.5 KB

maybe you need to give a different link?

7

https://codesandbox.io/p/sandbox/unruffled-kate-9qtrgs

okay this should be the correct link to the issue

8

look into border-image-outset, for the result you want it should be equal to border-width

10

thank you, I’ll try it! and thank you also for being patient, I’ve had this problem for a while now, and trying a forum was my last resort, and I haven’t done this before :sweat_smile: