Border Image Demo

Original image:

Frame using border-image

Note: Modern browsers require the border-style attribute to be solid for image borders, so I modified the CSS from the version in the book:

  h2 {
    text-align: center;
    border-width: 10px;
    border-style: solid;
    border-image: url("frame.png") 25 repeat;
    -webkit-border-image: url("frame.png") 25 repeat;
    -moz-border-image: url("frame.png") 25 repeat;
  }
  

Thanks to rap for noticing the issue and suggesting a fix.