Gold Border

Static Gold Border

Write your own content here.

HTML

<div class="info_box">
Write your own content here.</div>

Upload your picture frame first so you can copy the address to paste into your CSS
After copying, the picture used for getting the address can be deleted.
 

CSS

/*---------------start-------Gold image border for information boxes----------*/

.info_box {
          width: 450px;
          border: 8px solid gold;
          padding: 5px;
          margin: 5px;
          display: inline-block;
          vertical-align: top;
          background: rgba(237, 200, 183, 0.4);
          box-shadow: inset -2px -2px 0px yellow, inset 2px 2px 0px black, inset 0px 0px 30px grey, 2px 2px 0px black, -2px -2px 0px yellow;
           margin: auto;
          -webkit-border-image:url("https://upload your picture to the page, save page, reopen, copy address and paste into this section/yourpicture.png") 3 3 round;
          -moz-border-image:url("https://upload your picture to the page, save page, reopen, copy address and paste into this section/yourpicture.png.png") 3 3 round;
           border-image:url("https://upload your picture to the page, save page, reopen, copy address and paste into this section/yourpicture.png.png") 3 3 round;
          -webkit-transform: translateZ(0);
          -moz-transform: translateZ(0);
}

/*-----------end------Gold image border for information boxes---------*/