Removing the middle of the background, keeping only the border

Can this be done?

How can I make the middle of the background completely transparent?

This would make the middle part transparent, and would have nothing applied to it.

https://jsfiddle.net/racsob9v/

It looks like this now.

I’m trying to do this.

hi @htmlcssjavascript543 here is a simple solution.

How would I have the gradient and image applied to the border, and not the background?

Can that be done?

That’s what I was trying to figure out how to do.

Hi @htmlcssjavascript543 I’m very sorry but I have no time to do these exercises for you that has nothing to do with problems in WF. Feel free to look into CSS specifications to find solution and internet is full of great articles with examples.

Would you know if border image would work here?