How to add a frame around the site?

Question

css

Hello people! We are creating a site on WP with Bootstrap 3.
How can we put the site in a frame correctly? Like on the screen.

Tried background-image but somehow it doesn't work properly.
Is it better to cut a piece and repeat it?
Thanks

Answer 1

This is easy to do through border-image https://webref.ru/css/border-image

Answer 2

IE10+ Border around an element
The border-image property cuts the image into 9 sections like tic-tac-toe, then it puts the corners on the corners and repeats the middle section.
Or for older browsers, you need to divide the image into 8+1 parts including the center, side ( not angular) should be converted to a repeating texture.
PS If you have heard something about texturing, then in conjunction with the web there will be nothing difficult for you.

Answer 3

1 You have a stock image with a watermark. Either buy it, or order a designer to draw "like the same."
2 It is desirable to make such an image in SVG
3 Separately for the upper border, separately for the lower, right and left. In this case, the images must either stretch or repeat so that they look normal at any width and height of the browser window.
4 there are also gray daisies in the background. Make them separately.
5 Be prepared that some daisies may be cut in half at the junction.

Answer 4

Are there solutions without border-image ?