尝试一下 » - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    #myDIV {
      border: 15px solid transparent;
      padding: 15px;
      border-image: url(border.png);
      border-image-slice: 30;
      border-image-repeat: round;
      border-image-outset: 1 0 1 1;
    }
  </style>
</head>
<body>
  <div id="myDIV">
    <b>Note:</b> Internet Explorer 10 及其更早版本不支持 border-image-outset 属性。
  </div>
</body>
</html>
        