<style>

#main{

    background-color:lightgrey;

    border:30px solid transparent;

    border-image: url('/static/i/javascript/basic/border.png');

    border-image-slice: 30 30 30 30;

    border-image-width: 1 1 1 1;

    border-image-outset: 0;

    border-image-repeat: round;

}

</style>

<div id="main">

<p>

这是一个使用图像作为边框的 DIV 元素。

</p>

</div>

<p>点击“尝试一下”按钮改变 borderImageOutset 属性的值</p>

<button onclick="myFunction()">尝试一下</button>