title: Customizing <div> borders using CSS
body: <p>I am trying to create a web page that looks like like in this site:</p>
  
  <p><img src="https://i.stack.imgur.com/QhwDr.png" alt="enter image description here"></p>
  
  <p>I tried creating an image with that design(the one in the middle with a white background and pointy edges on the top and bottom) but the result is that the image is static and does not dynamically change when the content of the page changes.</p>
  
  <p>I do not know if I can implement the design by customizing the <code>&lt;div&gt;</code> borders or upload the design as a background image then dynamically create it.</p>
  
  <p>Thanks for all the help.</p>