How to make borders with images

I have 6 images that makes a box. (for the borders, and corners), How would I put the imag开发者_运维知识库es together and make it dynamic and get bigger when I put more content in it?

Either use a sliding doors approach (also see the follow up article) generalised to four way expansion, or put all your images back into one and investigate the border-image property.

If you want to support IE and older browsers then sliding doors is the way to go, if you're targeting smartphones then border-image will probably be OK.